@charset "UTF-8";

.highlight pre,
pre {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
}

a,
hr {
  background-color: transparent;
}

.fixed-bottom,
.fixed-top {
  z-index: 1030;
  position: fixed;
}

html,
pre {
  -ms-overflow-style: scrollbar;
}

body,
html {
  -webkit-tap-highlight-color: transparent;
  direction: ltr;
}

.content-heading:first-child,
.file-attach .btn-close,
.mail-option .chk-all input[type="checkbox"],
.main-chat-time:first-of-type,
.page-header .breadcrumb-item:first-child,
.page-leftheader .breadcrumb-item,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
  margin-top: 0;
}

address,
dl,
ol,
pre,
ul {
  margin-bottom: 1rem;
}

body,
caption {
  text-align: left;
}

dd,
label,
legend,
legright {
  margin-bottom: 0.5rem;
}

.main-chat-contacts-wrapper .lSSlideOuter,
.main-chat-contacts-wrapper .lSSlideWrapper,
button,
hr,
input {
  overflow: visible;
}

#global-loader,
#global-loader img {
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
}

.demo-static-toast .toast,
.link-overlay:hover .link-overlay-bg,
.loader.animate,
h2.animate,
hr {
  opacity: 1;
}

.form-help,
.jsr {
  -moz-user-select: none;
  -ms-user-select: none;
}

.jsr,
.range output {
  -khtml-user-select: none;
}

.action_menu ul,
.actions,
.icons-list,
.media-list,
.morris-legends,
.pagination,
.section-nav,
.timelineleft {
  list-style: none;
}

body,
html {
  direction: ltr;
  font-family: var(--font-family-principal);
}

.fe,
body {
  -moz-osx-font-smoothing: grayscale;
}

.chat,
.mail-chats,
.notification,
.widget-line-list li,
ul {
  list-style-type: none;
}

:root {
  --dark-body: #2c2f3e;
  --dark-theme: transparent;
  --dark-bg: rgba(0, 0, 0, 0.2);
  --dark-border: rgba(255, 255, 255, 0.1);
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --font-family-principal: "Poppins", sans-serif;
  --cor-principal: #7c00dd;
  --cor-secundaria: #6a17ab;
  --cor-cinza: #aba7af;
  --cor-roxo-claro: #f7edff;
  --cor-cinza-escuro: #6c7583;
  --cor-hover: #ae60eb;
  --cor-disabled: #d4d2d5;
  --cor-alerta: #d51a52;
  --cor-alerta-claro: #ffeef3;
  --cor-atencao: #ff9500;
  --cor-sucesso: #64b76b;
  --cor-sucesso-claro: #effff0;
  --cor-amarelo: #ffc107;
  --cor-amarelo-claro: #fffaea;
  --cor-laranja: #f07e13;
  --cor-laranja-claro: #fff3e7;
  --cor-azul: #319dd1;
  --cor-azul-claro: #eaf8ff;
  --cor-info: #9d3fe7;
  --icon-color: #fff;
  --border-color: #e5e0eb;
}

.border-red {
  border: 1px solid red !important;
}

.line-0 {
  line-height: 0px;
}
.red-color {
  font-size: 14px;
  color: #d51a52;
}
.green-color {
  font-size: 14px;
  color: #64b76b;
}
.gray-color {
  font-size: 14px;
  color: #cdcdcd;
}

@-ms-viewport {
  width: device-width;
}

.number-font,
.semibold-text {
  font-weight: 600 !important;
}

a {
  -webkit-text-decoration-skip: objects;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  color: #6c756e;
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
}

pre {
  tab-size: 4;
  text-shadow: 0 1px #fff;
  hyphens: none;
  display: block;
}

legend,
legright {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1140px;
  }
}

.btn:focus,
.btn:active {
  outline: none !important;
  box-shadow: none !important;
}

.fixed-top {
  top: 0;
  right: 0;
  left: 0;
}

.fixed-bottom {
  right: 0;
  bottom: 0;
  left: 0;
}

@supports (position: -webkit-sticky) or (position: sticky) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.hugeicons--export {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 3v13m0 0l-4-4m4 4l4-4M5 21h14'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

#sidebar ul li,
.bg-gradient p,
.bg-gradient small,
.bg-style,
.cart-items-remove,
.chat-conatct-list li,
.clip-widget,
.construction .custom-content,
.dimmer,
.file-manger-icon,
.header-btn.has-new,
.horizontal .slide-menu li,
.inde4-table tr td:first-child,
.input-icon,
.latest-timeline1 li,
.link-overlay,
.main-contact-info-header .media,
.main-img-user.online,
.profile-edit,
.register-1 .custom-content,
.register1,
.relative,
.search-element,
body,
sub,
sup,
ul.recent-activity {
  position: relative;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05) !important;
}

.shadow1 {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.btn-primary-color:focus,
.shadow-none {
  box-shadow: none !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.aside,
.chat-line-friright + .chat-line-friright .chat-author,
.search-inline {
  visibility: hidden;
}

.users img {
  max-width: none !important;
}

html {
  font-size: 16px;
  height: 100%;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body ::-webkit-scrollbar-thumb {
  background: #ced4da;
}

body :hover::-webkit-scrollbar-thumb {
  background: #adb5bd;
}

.section-nav {
  background-color: #f8f9fa;
  margin: 1rem 0;
  padding: 0.5rem 1rem;
  border: 1px solid #eaedf1;
  border-radius: 3px;
}

.section-nav:before {
  content: "Table of contents:";
  display: block;
  font-weight: 600;
}

@media print {
  blockquote,
  pre {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }

  blockquote,
  img,
  pre,
  tr {
    page-break-inside: avoid;
  }

  *,
  ::after,
  ::before {
    text-shadow: none !important;
    box-shadow: none !important;
  }

  a:not(.btn) {
    text-decoration: underline;
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  pre {
    white-space: pre-wrap !important;
  }

  thead {
    display: table-header-group;
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  @page {
    size: a3;
  }

  .container,
  body {
    min-width: 992px !important;
  }

  .footer,
  .navbar,
  f {
    display: none;
  }

  .badge {
    border: 1px solid #000;
  }

  .table,
  .text-wrap table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th,
  .text-wrap table td,
  .text-wrap table th {
    background-color: #fff !important;
  }

  .table-bordered td,
  .table-bordered th,
  .text-wrap table td,
  .text-wrap table th {
    border: 1px solid #eaedf1 !important;
  }

  body {
    background: 0 0;
  }

  .container {
    max-width: none;
  }
}

.row-cards > .col,
.row-cards > [class*="col-"] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.row-deck > .col,
.row-deck > [class*="col-"] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.row-deck > .col .card,
.row-deck > [class*="col-"] .card {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.col-text {
  max-width: 48rem;
}

.col-login {
  max-width: 24rem;
}

#area-chart,
#bar-chart,
#line-chart,
#pie-chart,
#stacked {
  min-height: 250px;
}

*,
.jsr,
.jsr_bar,
.jsr_label,
.jsr_rail,
.jsr_rail-outer,
.jsr_slider,
::after,
::before {
  box-sizing: border-box;
}

.addui-slider .addui-slider-track .addui-slider-range,
.main-chat-footer .nav-link:last-child,
.main-chat-header .nav-link:first-child,
.main-chat-list .media.selected::after,
.main-contact-info-header .media,
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

.nav-sidebar li ul {
  background: #eee;
}

.countrytable tr:last-child,
.nav-sidebar .list-unstyled li:last-child,
.nav-sidebar li ul li:last-child {
  border-bottom: 0;
}

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-font-feature-settings: "liga" 0;
  font-feature-settings: "liga" 0;
  overflow-y: scroll;
  overflow-x: hidden !important;
  margin: 0;
  font-family: "Nunito Sans", sans-serif !important;
  background: #f8f8fc;
  font-size: 0.81rem;
  font-weight: 500;
  line-height: 1.5;
  color: #495046;
}

.horizontalMenucontainer {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-left;
  position: relative;
}

.figure,
.list-inline-item,
.mcs-horizontal-example .item,
.user-info .social li,
label,
output {
  display: inline-block;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

.overflow-auto {
  overflow: auto;
}

p {
  font-weight: 400;
}

abbr[data-original-title],
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  font-style: normal;
  line-height: inherit;
}

.app-title p,
blockquote,
dfn {
  font-style: italic;
}

.example .pagination,
.modal-body p:last-child,
.page-header.main-pageheader,
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}

.alert-msg,
dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

blockquote,
figure {
  margin: 0 0 1rem;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

.header-brand:hover,
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
  outline: 0;
}

code,
kbd,
pre,
samp {
  font-size: 1em;
}

img {
  vertical-align: middle;
  border-style: none;
}

.features,
.icons-list-wrap,
.overflow-hidden,
svg:not(:root) {
  overflow: hidden;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #505662;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

.accordion .card:not(:first-of-type) .card-header:first-child,
.br-0,
button {
  border-radius: 0;
}

button:focus {
  outline: -webkit-focus-ring-color auto 5px;
}

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

button,
select {
  text-transform: none;
}

[type="reset"],
[type="submit"],
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 {
  padding: 0;
  border-style: none;
}

.main-nav-line-chat .nav-link:active,
.main-nav-line-chat .nav-link:focus,
.main-nav-line-chat .nav-link:hover,
button:focus,
textarea:focus {
  outline: 0;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

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

.bcolor {
  background-color: #cf4c3a !important;
}

.bcolor1 {
  background-color: #d6124a !important;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

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

.latest-timeline.latest-timeline1-icon ul.timeline > li:before,
.main-contact-info-header .main-img-user::after,
.transaction-table.table .apexcharts-tooltip.light,
div[data-acc-content],
template {
  display: none;
}

.dataTables_info,
.dataTables_length,
.search-bar-escape,
.wizard > .content > .title.current,
[hidden] {
  display: none !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.66em;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  line-height: 1.1;
  color: inherit;
}

.h1,
h1 {
  font-size: 2rem;
}

.h2,
h2 {
  font-size: 1.75rem;
}

.h3,
h3 {
  font-size: 1.5rem;
}

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

.fa-close,
.h5,
h5 {
  font-size: 1rem;
}

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

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

.display-1 {
  font-size: 9.5rem;
  font-weight: 500;
  line-height: 1.1;
}

.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
  font-weight: 300;
  line-height: 1.1;
}

.display-2 {
  font-size: 4rem;
}

.display-3 {
  font-size: 3.5rem;
}

.display-4 {
  font-size: 3rem;
}

.display-5 {
  font-size: 2.5rem;
}

.display-6 {
  font-size: 2.3rem;
}

hr {
  box-sizing: content-box;
  height: 0;
  border: 0;
  border-top: 1px solid #ebecf1;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.small,
small {
  font-size: 0.75rem;
  font-weight: 400;
}

code,
kbd,
pre {
  font-size: 85%;
}

.mark,
mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

.countrytable tr,
.list-unstyled li {
  border-bottom: 1px solid #ebecf1;
}

#lightgallery.list-unstyled li {
  margin: 10px 0;
  border: 0;
}

#sidebar .list-unstyled li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

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

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.171875rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #868e96;
}

.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #ebecf1;
  border-radius: 3px;
  height: auto;
}

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

.figure-caption {
  font-size: 90%;
  color: #868e96;
}

.fs-5 {
  font-size: 5px;
}

.fs-6 {
  font-size: 6px;
}

.fs-7 {
  font-size: 7px;
}

.fs-8 {
  font-size: 8px;
}

.fs-9 {
  font-size: 9px;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 11px;
}

.fs-12,
.jvectormap-legright-tick-text {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.dash1-card p,
.fs-14,
.social .social-icon i,
.timelineleft-body {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-16,
.widget-line p {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px !important;
}

.fa-envelope,
.fa-gift,
.fa-shopping-cart,
.fa-windows,
.fs-18 {
  font-size: 18px !important;
}

.fs-19 {
  font-size: 19px !important;
}

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

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

.dash-icon i,
.fs-24 {
  font-size: 24px !important;
}

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

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

.fs-25 {
  font-size: 25px !important;
}

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

.fs-35 {
  font-size: 35px !important;
}

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

.fs-45 {
  font-size: 45px !important;
}

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

.fs-55 {
  font-size: 55px !important;
}

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

.fs-65 {
  font-size: 65px !important;
}

.fs-70 {
  font-size: 70px;
}

.fs-75 {
  font-size: 75px;
}

.fs-80 {
  font-size: 80px;
}

.fs-85 {
  font-size: 85px;
}

.fs-90 {
  font-size: 90px;
}

.fs-95 {
  font-size: 95px;
}

.fs-100 {
  font-size: 100px;
}

code,
kbd,
pre,
samp {
  font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
.page-description a,
.page-subtitle a,
a > code,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  color: #fff;
  background-color: #343a40;
  border-radius: 3px;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.footer .container {
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  #sticky,
  #sticky.stick {
    height: 130px !important;
  }

  .container {
    max-width: 960px;
  }

  #sticky {
    text-align: center;
    padding: 1px;
    font-size: 1.75em;
    color: #fff;
    z-index: 0;
  }

  #sticky.stick {
    z-index: 1;
  }

  .header.top-header {
    z-index: 999 !important;
  }

  .app-content.page-body {
    margin-top: 9.5rem;
  }

  .comb-page .app-content.page-body {
    margin-top: 0;
  }

  .modal-lg {
    max-width: 800px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1200px;
  }

  .hor-content .container,
  .hor-header .container,
  .horizontal-main .container {
    max-width: 85%;
  }
}

.number-font,
.number-font1 {
  font-family: "Nunito Sans", sans-serif;
}

#global-loader {
  position: fixed;
  z-index: 99999999;
  background: #fff;
  top: 0;
  height: 100%;
  width: 100%;
}

#global-loader img {
  position: absolute;
  top: 43%;
}

.loader {
  border: 2px solid #fff;
  border-top: 2px solid #000;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  -webkit-animation: 2s linear infinite spin;
  animation: 2s linear infinite spin;
  display: inline-block;
  margin: 1rem 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

h2.animate {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.custom-card.blue {
  color: #1687ed;
  background: #ebf5fd;
  border: 1px solid #5dacf2;
  border-radius: 8px;
}

.custom-card.blue .loader {
  border-color: #1687ed #99d0ff #99d0ff;
}

.custom-card.red {
  color: red;
  background: #ffe6e6;
  border: 1px solid #ff8080;
  border-radius: 8px;
}

.custom-card.red .loader {
  border-color: red #ff9696 #ff9696;
}

.custom-card.green {
  color: #007e08;
  background: #cbffce;
  border: 1px solid #00cb0d;
  border-radius: 8px;
}

.custom-card.green .loader {
  border-color: #007e08 #75cc7d #75cc7d;
}

.default-card.default .loader {
  border-color: #e0e3f5;
}

.parent {
  -webkit-transform-origin: 66px 56px;
  -ms-transform-origin: 66px 56px;
  transform-origin: 66px 56px;
  -webkit-animation: 200s infinite spin;
  animation: 200s infinite spin;
}

.child1 {
  -webkit-animation: 10s 2s infinite alternate child1;
  animation: 10s 2s infinite alternate child1;
}

.child2 {
  -webkit-animation: 5s infinite alternate child2;
  animation: 5s infinite alternate child2;
}

.child3 {
  -webkit-animation: 10s infinite alternate child3;
  animation: 10s infinite alternate child3;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes child1 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  to {
    -webkit-transform: translate(35px, -20px);
    transform: translate(35px, -20px);
  }
}

@keyframes child1 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  to {
    -webkit-transform: translate(35px, -20px);
    transform: translate(35px, -20px);
  }
}

@-webkit-keyframes child2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

@keyframes child2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

@-webkit-keyframes child3 {
  0% {
    -webkit-transform: translateY(-10px) rotate(50deg);
    transform: translateY(-10px) rotate(50deg);
  }

  to {
    -webkit-transform: translateY(20px) rotate(0);
    transform: translateY(20px) rotate(0);
  }
}

@keyframes child3 {
  0% {
    -webkit-transform: translateY(-10px) rotate(50deg);
    transform: translateY(-10px) rotate(50deg);
  }

  to {
    -webkit-transform: translateY(20px) rotate(0);
    transform: translateY(20px) rotate(0);
  }
}

.index1 {
  height: 270px;
}

.h-330,
.topsales {
  height: 330px;
}

.salesscroll {
  height: 280px;
}

.countryscroll {
  height: 350px;
}

.countrytable td {
  padding-bottom: 10px;
  padding-top: 10px;
}

* html .fileinput-button {
  line-height: 24px;
  margin: 1px -3px 0 0;
}

@media (max-width: 767px) {
  .d-md-flex .bg-style,
  .files .btn span {
    display: none;
  }

  .files .preview * {
    width: 40px;
  }

  .files .name * {
    display: inline-block;
    width: 80px;
    word-wrap: break-word;
  }

  .files .progress {
    width: 20px;
  }

  .files .delete {
    width: 60px;
  }

  .d-md-flex .w-80 {
    width: 100% !important;
  }
}

ul {
  padding: 0;
  margin: 0;
}

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

.jsr,
.lds-hourglass:after,
.lds-ring div {
  box-sizing: border-box;
}

.list-icons .svg-icon,
.list-icons .svg-icon2 {
  width: 60px;
  height: 60px;
}

.file-manger.list-group-transparent .list-group-item {
  padding: 0.5rem;
  border: 0 !important;
}

#form .list-group-item:hover,
.file-manger.list-group-transparent .list-group-item.active,
.sw-theme-dots .nav-tabs .nav-link:hover:not(.disabled),
.table-striped tbody tr:nth-of-type(odd) {
  background: 0 0;
}

.file-manger.list-group-transparent a i {
  display: block;
  height: 25px;
  width: 40px;
  line-height: 25px;
  text-align: center;
  font-size: 20px !important;
  vertical-align: middle;
  color: #5c5c5c;
}

.file-manger.list-group-transparent .list-group-item .svg-icon {
  width: 24px;
  height: 24px;
}

.file-list-manger {
  height: 124px;
}

.file-manger-absolute-icon {
  position: absolute;
  top: 30px;
  color: #fff;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.modal,
.modal-backdrop {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.file-manger-icon i {
  font-size: 70px;
  margin: 0 auto;
  text-align: center;
}

.file-manger-icon img {
  width: 70px;
  height: 70px;
}

.profile-footer {
  margin: 25px -25px -25px;
  padding: 15px;
  background: #f0f0f2;
}

.files .progress,
.w-200 {
  width: 200px;
}

.option-dots {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  border-radius: 100%;
  font-size: 18px;
  color: #5c678f;
  padding: 10px 12px;
}

.error-page,
.page-style1 {
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.new.option-dots {
  line-height: 55px;
}

.new-list.option-dots {
  line-height: 55px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.new-list2.option-dots {
  height: 40px;
  width: 40px;
  background: 0 0;
  color: #5c678f;
  box-shadow: 0 2px 3px rgba(4, 4, 7, 0.1);
  border: 1px solid #ebecf1;
  border-radius: 50px;
  font-size: 18px;
  line-height: initial;
  margin-right: 8px;
}

.bg-style:before,
.error-page:before,
.page-style1:before,
.title-style h1 {
  width: 100%;
  position: absolute;
}

.ms-body .action-header,
.title-style h1 {
  background: #fff;
}

.new-list2.option-dots:hover {
  background: #4b09c5;
}

hr.divider:after {
  content: "OR";
  display: block;
  position: relative;
  top: -1.5em;
  font-size: 11px;
  padding: 0 0.25em;
  background: rgba(240, 240, 242, 0.1);
  color: #f0f0f2;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  z-index: 9;
  left: 0;
  right: 0;
  line-height: 30px;
  margin: 0 auto;
  font-weight: 500;
  border: 1px solid rgba(240, 239, 241, 0.1);
  text-align: center;
}

.page-style1:before {
  content: "";
  height: 100%;
  background: #f0eff1;
}

.error-page {
  border-radius: 8px;
}

.error-page:before {
  content: "";
  height: 100%;
  background: linear-gradient(
    to left,
    rgba(254, 96, 96, 0.7) 0,
    rgba(227, 9, 113, 0.7) 100%
  );
}

.bg-style:before {
  content: "";
  height: 100%;
  background: linear-gradient(rgba(68, 84, 195, 0.9), rgba(68, 84, 195, 0.8))
      top/cover no-repeat,
    url(../assets/images/pattern/1.png) top/cover no-repeat;
  opacity: 0.8;
}

.bg-style .svg-icon {
  fill: #fff;
}

.bg-style .header-brand-img {
  position: absolute;
  top: 30px;
  left: 55px;
}

.page-style2 .h-100vh {
  max-height: 100vh;
}

.page-style1 .page-content,
.page-style2 .page-content,
.ui-datepicker-multi .ui-datepicker-group table,
ul.labels-info li {
  margin: 0;
}

.title-style h1 {
  left: 0;
  right: 0;
  width: fit-content;
  margin: 0 auto;
  display: block;
  top: 20px;
  padding: 0 20px;
}

.page-style2.page-style1:before {
  background: linear-gradient(
        rgba(255, 255, 255, 0.79),
        rgba(255, 255, 255, 0.75)
      )
      0 0 / cover no-repeat,
    url(../assets/images/pattern/4.png) 0 0 / cover no-repeat;
}

.page-style1 .input-group-addon {
  border: 1px solid #ebecf1;
  background: #f0f0f2;
  border-right: 0;
  line-height: 0;
}

.page-style1 .input-group-append {
  border: 1px solid #ebecf1;
  background: #f0f0f2;
  border-left: 0;
  line-height: 16px;
  border-radius: 0 5px 5px 0;
}

.page-style1 .form-control {
  border: 1px solid #ebecf1;
}

.page-style1 hr {
  border-top: 1px solid #ebecf1;
}

.page-style1 .custom-control-label {
  line-height: 26px;
}

.page-style1 .btn-svgs .svg-icon {
  position: absolute;
  left: 37%;
  top: auto;
}

.page-style1 .custom-control-label:before {
  border: 1px solid #cccdd3;
}

.custom-progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  height: 10px;
  border-radius: 0;
  background-color: #e8ebf2;
  width: 80%;
}

.custom-progress::-webkit-progress-bar {
  background-color: #e8ebf2;
  border-radius: 0;
}

.custom-progress::-webkit-progress-value {
  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
  );
  border-radius: 0;
}

.custom-progress::-moz-progress-bar {
  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
  );
}

.custom-progress::-ms-fill {
  border-radius: 0;
  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
  );
}

@-webkit-keyframes animate {
  0% {
    -webkit-transform: scale(0) translateY(0) rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1.3) translateY(-90px) rotate(0);
    opacity: 0;
  }
}

@keyframes animate {
  0% {
    -webkit-transform: scale(0) translateY(0) rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1.3) translateY(-90px) rotate(0);
    opacity: 0;
  }
}

.lh-1 {
  line-height: 1 !important;
}

.lh-2 {
  line-height: 2 !important;
}

.bootstrap-tagsinput {
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
}

.bootstrap-tagsinput input,
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

.bootstrap-tagsinput.form-control input::placeholder {
  color: #fff;
  opacity: 1;
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #fff;
}

.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #fff;
}

.bootstrap-tagsinput .tag {
  color: #fff;
  margin-right: 10px;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "\ea00";
  padding: 0 2px;
  font-family: feather !important;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.bootstrap-tagsinput input {
  outline: 0;
  background-color: transparent;
  color: #343a40;
  padding: 0 6px;
  margin: 0;
  border-radius: 3px;
  font-family: initial;
  font-size: initial;
  line-height: initial;
}

.tooltip-static-demo .tooltip {
  z-index: 9 !important;
}

.page-link:focus,
.page-link:hover {
  z-index: 2;
  background-color: transparent;
  box-shadow: none;
}

.error-text {
  direction: initial;
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion .card:last-of-type,
.rtl .accordion .card:last-of-type,
.rtl .btn-group-vertical > .btn-group:not(:first-child) > .btn,
.rtl .btn-group-vertical > .btn:not(:first-child),
.rtl .nav-tabs .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  border-radius: 3px;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  background-color: #fff;
  color: #6c756e;
  border: 0 !important;
  font-size: 14px;
}

#copy,
.panel1 {
  background: 0 0;
}

.page-link:hover {
  text-decoration: none;
}

.page-link:focus {
  outline: 0;
  color: var(--primary-bg-color);
}

.ah-actions .option-dots,
.main-chat-header .nav-link {
  color: #5c678f;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
}

#delete-datatable tr,
.form-check-input,
.page-link:not(:disabled):not(.disabled),
.table-inbox tr td:hover {
  cursor: pointer;
}

.page-item.active .page-link {
  border-radius: 4px;
  z-index: 1;
  color: var(--cor-principal);
}

.page-item:first-child .page-link,
.pagination-lg .page-item:first-child .page-link,
.pagination-sm .page-item:first-child .page-link,
.rtl .pagination-lg .page-item:first-child .page-link,
.rtl .pagination-sm .page-item:first-child .page-link,
.rtl .tag-addon:last-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.page-item:first-child .page-link {
  margin-left: 0;
}

.page-item:last-child .page-link,
.pagination-lg .page-item:last-child .page-link,
.pagination-sm .page-item:last-child .page-link,
.rtl .page-item:last-child .page-link,
.rtl .pagination-lg .page-item:last-child .page-link,
.rtl .pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.page-item.active .page-link:hover {
  opacity: 60%;
}

.page-item.disabled .page-link {
  color: transparent;
  pointer-events: none;
  cursor: auto;
  background-color: transparent;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.5;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.modal,
.modal-backdrop.fade.show,
.modal-open,
.modal-open .modal {
  padding-right: 0 !important;
}

a:active,
a:focus,
a:hover {
  outline: 0;
  text-decoration: none;
}

.panel1 {
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #fff;
  box-shadow: none;
}

.panel1:last-child,
.select-config.open {
  border-bottom: none;
}

.modal-open {
  padding: 0 !important;
  display: block;
  overflow: auto !important;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  display: none;
  overflow: hidden;
  outline: 0;
  margin: 0 !important;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

@media screen and (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e6ebf1;
  border-radius: 3px;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  z-index: 9999999;
  background-color: #000;
}

.header-dropdown-list .ps__thumb-y,
.modal-backdrop.fade,
select:disabled {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal {
  z-index: 99999999;
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: left;
  align-items: flex-left;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e6ebf1;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.modal-header .btn-close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  background-image: none !important;
  font-size: 25px;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 700;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: right;
  justify-content: flex-right;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.chart-circle canvas,
.chat-message img,
.table,
.text-wrap table,
.toast {
  max-width: 100%;
}

.modal.animated .modal-dialog {
  transform: translate(0, 0);
}

.modal.effect-scale .modal-dialog {
  transform: scale(0.7);
  opacity: 0;
  transition: 0.3s;
}

.modal.effect-just-me.show .modal-dialog,
.modal.effect-scale.show .modal-dialog,
.modal.effect-super-scaled.show .modal-dialog {
  transform: scale(1);
  opacity: 1;
}

.modal.effect-slide-in-right .modal-dialog {
  transform: translateX(20%);
  opacity: 0;
  transition: 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.modal.effect-slide-in-right.show .modal-dialog {
  transform: translateX(0);
  opacity: 1;
}

.modal.effect-slide-in-bottom .modal-dialog {
  transform: translateY(20%);
  opacity: 0;
  transition: 0.3s;
}

.modal.effect-slide-in-bottom.show .modal-dialog {
  transform: translateY(0);
  opacity: 1;
}

.modal.effect-newspaper .modal-dialog {
  transform: scale(0) rotate(720deg);
  opacity: 0;
}

.modal.effect-newspaper .modal-dialog,
.modal.effect-newspaper.show ~ .modal-backdrop {
  transition: 0.5s;
}

.modal.effect-newspaper.show .modal-dialog {
  transform: scale(1) rotate(0);
  opacity: 1;
}

.modal.effect-fall {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.modal.effect-fall .modal-dialog {
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: translateZ(600px) rotateX(20deg);
  opacity: 0;
}

.modal.effect-fall.show .modal-dialog {
  transition: 0.3s ease-in;
  transform: translateZ(0) rotateX(0);
  opacity: 1;
}

.modal.effect-flip-horizontal,
.modal.effect-flip-vertical,
.modal.effect-rotate-bottom,
.modal.effect-rotate-left,
.modal.effect-sign {
  perspective: 1300px;
}

.modal.effect-flip-horizontal .modal-dialog {
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: rotateY(-70deg);
  transition: 0.3s;
  opacity: 0;
}

.modal.effect-flip-horizontal.show .modal-dialog {
  transform: rotateY(0);
  opacity: 1;
}

.modal.effect-flip-vertical .modal-dialog {
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: rotateX(-70deg);
  transition: 0.3s;
  opacity: 0;
}

.modal.effect-flip-vertical.show .modal-dialog,
.modal.effect-sign.show .modal-dialog {
  transform: rotateX(0);
  opacity: 1;
}

.modal.effect-super-scaled .modal-dialog {
  transform: scale(2);
  opacity: 0;
  transition: 0.3s;
}

.modal.effect-sign .modal-dialog {
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: rotateX(-60deg);
  transform-origin: 50% 0;
  opacity: 0;
  transition: 0.3s;
}

.modal.effect-rotate-bottom .modal-dialog {
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: translateY(100%) rotateX(90deg);
  transform-origin: 0 100%;
  opacity: 0;
  transition: 0.3s ease-out;
}

.modal.effect-rotate-bottom.show .modal-dialog {
  transform: translateY(0) rotateX(0);
  opacity: 1;
}

.modal.effect-rotate-left .modal-dialog {
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  transform-origin: 0 100%;
  opacity: 0;
  transition: 0.3s;
}

.modal.effect-rotate-left.show .modal-dialog {
  transform: translateZ(0) translateX(0) rotateY(0);
  opacity: 1;
}

.modal.effect-just-me .modal-dialog {
  transform: scale(0.8);
  opacity: 0;
  transition: 0.3s;
}

.modal.effect-just-me .modal-content {
  background-color: transparent;
  border: 1px solid #4d4e50;
  padding: 0 9px;
}

.modal.effect-just-me .btn-close {
  text-shadow: none;
  color: #fff;
}

.modal.effect-just-me .modal-header {
  background-color: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.1);
  padding-left: 0;
  padding-right: 0;
}

.modal.effect-just-me .modal-header h6 {
  color: #fff;
  font-weight: 500;
}

.modal.effect-just-me .modal-body {
  color: rgba(255, 255, 255, 0.8);
  padding-left: 0;
  padding-right: 0;
}

#back-to-top:hover,
.job-box-filter a.filtsec:focus i,
.job-box-filter a.filtsec:hover i,
.modal.effect-just-me .modal-body h6,
.user-head .user-name h5 a,
.user-profile .user-pro-body .u-dropdown {
  color: #fff;
}

.modal.effect-just-me .modal-footer {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  border-top-color: rgba(255, 255, 255, 0.1);
}

.modal.effect-just-me.show ~ .modal-backdrop {
  opacity: 0.96;
}

#action_menu_btn {
  position: absolute;
  right: 36px;
  top: 21px;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
}

.action_menu {
  z-index: 1;
  position: absolute;
  padding: 15px 0;
  background-color: #fff;
  color: #646367;
  top: 40px;
  right: 15px;
  display: none;
}

.action-header,
.chat .action-header {
  position: relative;
  padding: 15px 13px 15px 17px;
}

.action_menu ul {
  padding: 0;
  margin: 0;
}

.chat .dropdown-menu.dropdown-menu-end.show {
  width: 100%;
  margin-bottom: 5px;
  position: absolute;
  transform: translate3d(-176px, 22px, 0);
  top: 10px !important;
  left: 0;
  will-change: transform;
}

.chat .msb-reply textarea {
  width: 100%;
  font-size: 13px;
  padding: 12px 47px;
  resize: none;
  height: 44px;
  border: 1px solid #ebeaf1;
  background: #faf9ff;
  margin-left: -42px;
}

.chat .dropdown-menu li {
  padding: 7px;
  color: #5e629c;
}

.chat .dropdown-menu li:hover {
  background: #faf9ff;
}

.chat .dropdown-menu li i {
  padding: 7px;
}

.action_menu ul li:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}

.chat .actions > li {
  display: inline-block;
  padding: 0 0 0 2px;
}

.chat .actions:not(.a-alt) > li > a > i {
  color: #fff;
  line-height: unset;
}

.chat .justify-content-left,
.chat .justify-content-right {
  margin-bottom: 25px;
}

.construction .form-control {
  padding: 0.375rem 1rem;
}

.action-header {
  background: #e3e6ef;
  border-bottom: 1px solid #e6ebf1;
}

.actions {
  padding: 0;
  margin: 4px 0 0;
}

.actions:not(.a-alt) > li > a > i,
.hor-menu
  .horizontalMenu
  > .horizontalMenu-list
  > li
  > .horizontal-megamenu
  .link-list
  li
  a.active,
.hor-menu
  .horizontalMenu
  > .horizontalMenu-list
  > li
  > .horizontal-megamenu
  .link-list
  li
  a:hover,
.hor-menu
  .horizontalMenu
  > .horizontalMenu-list
  > li
  > ul.sub-menu
  > li
  > a.active,
.hor-menu
  .horizontalMenu
  > .horizontalMenu-list
  > li
  > ul.sub-menu
  > li
  > a:hover,
.hor-menu
  .horizontalMenu
  > .horizontalMenu-list
  > li
  > ul.sub-menu
  > li
  > ul.sub-menu
  > li
  > a:hover,
.horizontalMenu
  > .horizontalMenu-list
  > li
  > ul.sub-menu
  > li
  > ul.sub-menu
  > li
  > a.active,
.nav-link,
.slide.is-expanded .slide-menu li a:hover,
.user-contact-list .option-dots:focus i {
  color: var(--primary-bg-color);
}

.modal-content .actions > li > a:hover {
  background: rgba(0, 0, 0, 0.1);
}

.msb-reply-button .btn {
  line-height: 14px;
}

.modal-content.chat .card {
  border-radius: 4px 4px 0 0;
  box-shadow: none;
}

.ah-actions .option-dots {
  line-height: 2.5rem;
  border-radius: 100%;
  font-size: 18px;
  padding: 10px 12px;
  display: block !important;
}

.contact-href {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.chat-conatct-list .option-dots {
  position: absolute;
  right: 10px;
  bottom: 0;
  z-index: 100;
  top: 18px;
  line-height: initial;
}

.modal-content .actions > li > a {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 0 auto;
  line-height: 38px;
  text-align: center;
  color: #fff;
  box-shadow: 0 2px 3px rgba(16, 16, 38, 0.1);
  border: 1px solid #e6ebf1;
}

.ms-menu .tab-menu-heading .tabs-menu1 ul li .active {
  border-bottom: 2px solid var(--primary-bg-color);
  border-radius: 0 !important;
}

.message-feed.right .mf-content {
  border-radius: 12px 4px;
}

@media (max-width: 767px) {
  .main-chat-footer .nav-link:first-child,
  .main-chat-footer .nav-link:nth-child(2) {
    display: none;
  }
}

.main-content-left-chat {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
}

@media (min-width: 992px) {
  .main-content-left-chat {
    width: auto;
    border: 0;
    border-left: 0;
  }

  .main-chat-footer {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .main-content-body-chat {
    display: flex;
  }

  .main-chat-list .media {
    padding: 12px 15px;
    margin: 0;
  }

  .main-chat-contacts-wrapper {
    padding: 10px 0 10px 15px;
  }

  .main-nav-line-chat {
    padding-right: 0;
  }
}

.main-nav-line-chat {
  border-bottom: 1px solid #e9edf4;
  flex-shrink: 0;
  flex-direction: row;
  padding: 10px;
}

.main-nav-line-chat .nav-link {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 6px 15px;
  border-radius: 3px;
  margin-top: 0;
  margin-left: 10px;
  background: #e9edf4;
}

.main-nav-line-chat .nav-link.active::before {
  top: auto;
  left: 0;
  right: 0;
  width: auto;
  bottom: -11px;
  background-color: #4c84ff;
}

.main-chat-contacts-wrapper {
  padding: 10px 20px;
  flex-shrink: 0;
  border-bottom: 1px solid #e9edf4;
  overflow: hidden;
}

.card--eight .main-chat-contacts-wrapper .card-title,
.card-table-two .main-chat-contacts-wrapper .card-title,
.main-chat-contacts-wrapper .card--eight .card-title,
.main-chat-contacts-wrapper .card-table-two .card-title,
.main-chat-contacts-wrapper .main-content-label {
  margin-bottom: 15px;
  line-height: 1;
}

.main-chat-contacts {
  padding-left: 20px;
  display: flex;
}

.main-chat-contacts .lslide {
  display: flex;
  flex-direction: column;
  align-items: center;
  float: none;
}

.main-chat-contacts small {
  font-size: 11px;
  width: 36px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 3px;
  text-align: center;
}

.main-chat-contacts-more {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background-color: #ebeaed;
  font-size: 12px;
  font-weight: 500;
  color: #6c756e;
}

.main-chat-list {
  max-height: 500px;
  position: relative;
}

.main-chat-list .media {
  padding: 12px 20px;
  position: relative;
  border-bottom: 1px solid #e6ebf1;
}

.main-chat-list .media .main-img-user {
  flex-shrink: 0;
  top: 3px;
  position: relative;
}

.main-chat-list .media:last-chid {
  border-bottom: 0;
}

.main-chat-list .media + .media::before,
.main-contact-item + .main-contact-item::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  border-top: 1px solid #e9edf4;
}

.main-chat-list .media.selected,
.main-chat-list .media:focus,
.main-chat-list .media:hover {
  background-color: #f3f6f8;
  border-top-color: #e6ebf1;
  border-bottom-color: #e6ebf1;
}

.bread-select,
.main-chat-list .media.new .main-img-user span {
  display: flex;
}

.main-chat-list .media.new .media-contact-name span:first-child {
  font-weight: 700;
  color: #14112d;
}

.main-chat-list .media.new .media-body p,
.main-chat-list .media.selected .media-body p {
  color: #22252f;
}

.main-chat-list .media:focus,
.main-chat-list .media:hover {
  cursor: pointer;
}

.main-chat-list .media.selected:first-child {
  border-top-color: transparent;
}

.main-chat-list .media.selected .media-contact-name span:first-child {
  color: #14112d;
}

.main-chat-list .main-img-user span {
  position: absolute;
  top: 0;
  left: -2px;
  width: 14px;
  height: 14px;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 9px;
  font-weight: 500;
  color: #fff;
  background-color: #ff5c77;
  box-shadow: 0 0 0 2px #fff;
}

.main-chat-list .media-body,
.main-chat-msg-name,
.main-contact-action a + a {
  margin-left: 15px;
}

.main-chat-list .media-body p {
  font-size: 13px;
  margin-bottom: 0;
  color: #728096;
  line-height: 1.35;
}

.main-chat-list .media-contact-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
}

.main-chat-list .media-contact-name span:first-child {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #14112d;
}

.main-chat-list .media-contact-name span:last-child {
  display: block;
  font-size: 11px;
  color: #728096;
}

.main-content-body-chat {
  flex-direction: column;
}

.main-chat-header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-left;
  padding: 14.2px 20px;
  border-bottom: 1px solid #e9edf4;
}

.main-chat-header .nav {
  margin-left: auto;
  align-items: center;
}

.main-chat-header .nav-link {
  display: block;
  line-height: 2.5rem;
  font-size: 18px;
  border-radius: 50px;
  vertical-align: middle;
  margin-right: 5px;
  padding: 0;
}

.main-chat-header .nav-link i {
  line-height: 0;
}

.main-chat-header .nav-link .typcn,
.main-contact-info-header .media-body .nav-link i.typcn {
  line-height: 0.9;
}

.main-chat-header .nav-link .typcn::before,
.main-contact-info-header .media-body .nav-link i.typcn::before {
  width: auto;
}

@media (min-width: 576px) {
  .modal-dialog {
    margin: 1.75rem auto;
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }

  .main-chat-footer .nav-link,
  .main-chat-header .nav-link {
    display: block;
  }

  .main-chat-footer .nav-link:last-child,
  .main-chat-header .nav-link:first-child {
    display: none;
  }

  .main-chat-footer .nav {
    margin-top: 5px;
  }

  .main-chat-footer .form-control {
    margin-left: 20px;
  }

  .main-chat-body .media-body {
    margin-right: 0;
  }

  .main-chat-body .media.flex-row-reverse .media-body {
    margin-left: 0;
  }
}

.main-chat-msg-name h6 {
  margin-bottom: 2px;
  font-size: 15px;
  font-weight: 700;
  color: #14112d;
}

.main-chat-msg-name small {
  font-size: 12px;
  color: #728096;
}

.main-chat-body {
  position: relative;
  padding-bottom: 0;
  max-height: 555px;
  overflow: hidden;
}

.main-chat-body .content-inner {
  padding: 20px;
}

.main-chat-body .media + .media {
  margin-top: 20px;
}

.main-chat-body .media.flex-row-reverse .media-body,
.rtl .main-chat-body .media.flex-row-reverse .media-body {
  margin-left: 0;
  margin-right: 5px;
  align-items: flex-end;
}

.main-chat-body .media.flex-row-reverse .main-msg-wrapper {
  margin-right: 15px;
  border-radius: 12px 4px;
}

.main-chat-body .media-body {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.main-chat-body .media-body > div span {
  font-size: 11px;
  color: #728096;
  display: flex;
  align-items: center;
}

.main-chat-body .media.flex-row-reverse .media-body > div span,
.rtl .main-chat-body .media .media-body > div span {
  margin-right: 15px;
  margin-left: 0;
}

.main-chat-body .media .media-body > div span,
.rtl .main-chat-body .media.flex-row-reverse .media-body > div span {
  margin-left: 15px;
  margin-right: 0;
}

.main-chat-time {
  display: block;
  position: relative;
  text-align: center;
  margin: 20px 0;
}

.main-chat-time span {
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #e3e2e5;
  padding: 5px;
  border-radius: 4px;
}

.main-msg-wrapper {
  padding: 10px 15px;
  background-color: rgba(102, 77, 201, 0.1);
  font-size: 13px;
  margin-bottom: 5px;
  border-radius: 4px 12px;
  display: inline-block;
  position: relative;
  margin-left: 10px;
  color: #000;
}

.main-chat-footer {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 20px;
  border-top: 1px solid #e9edf4;
  background-color: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0 0 5px 5px;
}

.main-chat-footer .nav-link,
.main-msg-sright {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 50px;
  padding: 0;
  color: #5c678f;
  vertical-align: middle;
  text-align: center;
}

.main-chat-footer .nav {
  align-items: center;
}

.main-chat-footer .nav-link {
  font-size: 20px;
}

.main-chat-footer .form-control {
  flex: 1;
  margin: 0 10px;
  padding-left: 10px;
  padding-right: 0;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.header .form-inline .form-control:focus,
.main-chat-footer .form-control:focus,
.main-chat-footer .form-control:hover,
.search-inline .form-control:focus {
  box-shadow: none;
}

.main-msg-sright {
  font-size: 18px;
  box-shadow: 0 2px 3px rgba(4, 4, 7, 0.1);
  border: 1px solid #e6ebf1;
  margin-top: 3px;
}

.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button,
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button,
.example-bg,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-popover .fc-header,
.main-msg-sright:hover,
.wizard-container .wizard-navigation,
div[data-acc-step]:not(.open) {
  background: #f0f0f2;
}

.main-img-user.online:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2dce89;
  display: block;
  right: 2px;
  bottom: 0;
  z-index: 9;
  top: 32px;
}

.action-header .ah-actions.actions,
.media {
  margin-top: 0 !important;
}

.msg_card_body .msg_cotainer_send {
  margin-bottom: auto;
  margin-right: 10px;
  background-color: var(--primary-bg-color);
  padding: 10px;
  position: relative;
  border-radius: 0 12px;
  max-width: 70%;
  margin-top: 5px;
  color: #fff;
}

.chat .msg_time_send {
  position: absolute;
  right: 0;
  bottom: -18px;
  color: #3a374e;
  font-size: 10px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .main-content-body-show .main-header-contacts .main-header-menu-icon {
    display: flex;
  }

  .main-content-body-show .main-content-left-contacts {
    display: block;
  }

  .app .main-contact-star {
    display: none;
  }

  .app .main-content-left-contacts .main-nav-line-chat .nav-link.active {
    display: block !important;
    font-size: 11px;
    padding: 0;
  }

  .app .main-content-left-contacts .main-img-user {
    margin: 0 auto;
  }
}

@media (max-width: 1200px) {
  .main-contact-info-header .media-body {
    padding-top: 20px;
  }
}

@media (max-width: 400px) {
  .main-contact-action a span {
    display: none;
  }
}

@media (max-width: 576px) {
  .container {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }

  .main-contact-info-header {
    padding-top: 60px !important;
  }

  .main-contact-action {
    left: 10px;
    right: 0 !important;
  }

  .main-contact-info-header .media-body .nav-link {
    padding-top: 5px;
  }

  .rtl .main-contact-action {
    right: 10px !important;
    left: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .main-contact-info-header .media {
    display: block !important;
  }

  .main-contact-info-header .media-body {
    padding-top: 20px;
  }
}

.main-content-left-contacts {
  width: 100%;
  display: block;
  padding: 0;
}

.main-content-left-contacts .main-content-breadcrumb,
.main-content-left-contacts .main-content-title {
  padding-left: 20px;
}

.main-contacts-list {
  position: relative;
  height: 700px;
}

.main-contact-label {
  padding-top: 20px;
  padding-bottom: 5px;
  padding-left: 20px;
  font-weight: 500;
  font-size: 12px;
  position: relative;
}

.main-contact-label::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #e9edf4;
  z-index: 1;
}

.main-contact-item {
  padding: 10px 20px;
  border: 1px solid transparent;
  border-end-width: 0;
  display: flex;
  position: relative;
  cursor: pointer;
}

.main-contact-item + .main-contact-item {
  margin-top: -1px;
  border-top-color: transparent;
}

.main-contact-item.selected,
.main-contact-item:focus,
.main-contact-item:hover {
  background-color: #f3f4f7;
  border-top-color: #e6ebf1;
  border-bottom-color: #e6ebf1;
}

.main-contact-item.selected {
  z-index: 0;
  border-width: 2px;
}

.main-contact-body {
  flex: 1;
  margin-left: 15px;
}

.main-contact-body h6 {
  color: #6c756e;
  font-weight: 600;
  margin-bottom: 2px;
}

.main-contact-body span {
  font-size: 13px;
  color: #728096;
}

.main-contact-star {
  font-size: 16px;
  color: #728096;
}

.main-contact-star:focus,
.main-contact-star:hover {
  color: #728096;
}

.main-contact-star.active {
  color: #fcb32d;
}

.main-contact-info-header {
  padding-top: 40px;
  padding-left: 20px;
  padding-bottom: 20px;
  position: relative;
}

.main-contact-info-header .main-img-user {
  width: 100px;
  height: 100px;
  position: relative;
}

.main-contact-info-header .main-img-user a {
  bottom: 2px;
  right: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #7272c6;
  color: #fff;
  font-size: 18px;
  line-height: 0.9;
  box-shadow: 0 0 0 2px #fff;
  border-radius: 100%;
  position: absolute;
}

.main-contact-info-header .main-img-user a:focus,
.main-contact-info-header .main-img-user a:hover {
  fill: rgba(255, 255, 255, 0.5);
  color: #fff;
}

.attachment-mail,
.headerstyle-3 .header .nav-link.icon .header-icon,
.main-contact-info-body .media + .media,
.main-contact-info-header .media-body {
  margin-top: 30px;
}

.main-contact-info-header .media-body h4 {
  color: #6c756e;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 4px;
  line-height: 1;
}

.main-contact-info-body .media:last-child,
.main-contact-info-header .media-body p {
  margin-bottom: 15px;
}

.main-contact-info-header .media-body .nav-link {
  padding: 0;
  display: flex;
  align-items: center;
  color: #728096;
  font-size: 13px;
}

.main-contact-info-header .media-body .nav-link i {
  font-size: 14px;
  line-height: 0;
  margin-right: 5px;
}

.main-contact-info-header .media-body .nav-link + .nav-link {
  margin-left: 10px;
}

.main-contact-action {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
}

#checkoutsteps .item .left,
.main-contact-action a {
  display: flex;
  align-items: center;
}

.main-contact-action a i {
  font-size: 17px;
  line-height: 0.9;
  margin-right: 5px;
}

.main-contact-info-body,
.page-rightheader .breadcrumb-item + .breadcrumb-item,
.sub-pageheader .nav-link:first-child {
  padding-left: 0;
}

.main-contact-info-body .media-list {
  padding: 20px 0;
}

.main-contact-info-body .media {
  align-items: center;
  position: relative;
}

.main-contact-info-body .media + .media::before,
.main-contact-info-body .media::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  border-top: 1px solid #e9edf4;
}

.main-contact-info-body .media-body {
  margin-left: 30px;
}

.main-contact-info-body .media-body > div + div {
  margin-top: 15px;
}

.main-contact-info-body .media-body label {
  color: #728096;
  margin-bottom: 0;
  display: block;
  font-size: 14px;
}

.main-contact-info-body .media-body span {
  display: block;
  color: #6c756e;
  font-weight: 500;
}

.main-contact-info-header.bg-contacthead {
  border-radius: 0 8px 0 0;
}

.jsr {
  position: relative;
  display: block;
  width: 100%;
  margin: 20px 0;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  font: 14px sans-serif;
}

.form-help,
.range output {
  -webkit-user-select: none;
  text-decoration: none;
}

.jsr_rail-outer {
  position: relative;
  padding: 10px 0;
  cursor: pointer;
}

.jsr_slider:focus::before {
  background: #4575f1;
}

.jsr_rail {
  height: 12px;
  background: #e2e2e9;
  z-index: 1;
}

.jsr_bar {
  position: absolute;
  height: 12px;
  cursor: move;
}

.jsr_slider,
.jsr_slider::before {
  width: 25px;
  height: 25px;
  transform: translate(-50%, -50%);
  position: absolute;
}

.jsr_bar--limit {
  background-color: #d9dadc;
  z-index: 1;
  cursor: auto;
}

.jsr_label,
.jsr_label--minmax {
  background: #d3d5da;
  color: #6c756e;
}

.jsr_slider {
  top: 16px;
  left: 0;
  cursor: col-resize;
  transition: background 0.1s ease-in-out;
  outline: 0;
}

.jsr_slider::before {
  content: "";
  top: 50%;
  left: 50%;
  border-radius: 50%;
}

.jsr_label {
  position: absolute;
  top: 33px;
  padding: 0.2em 0.4em;
  font-size: 0.9em;
  white-space: nowrap;
  border-radius: 0.3em;
}

.page-header,
.page-subtitle,
.page-title,
.range {
  position: relative;
}

.jsr_label--minmax {
  transition: opacity 0.2s ease-in-out;
}

.jsr_label .jsr_label {
  position: static;
  display: inline-block;
  font-size: 1em;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.jsr_label .jsr_label::before {
  content: " - ";
}

.jsr_canvas,
.wizard-card .moving-tab {
  margin-top: 5px;
}

.jsr_lockscreen {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.mcs-horizontal-example {
  overflow-x: auto;
  white-space: nowrap;
}

.range {
  display: table;
  height: 25px;
  margin-top: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.range input[type="range"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -ms-appearance: none !important;
  -o-appearance: none !important;
  appearance: none !important;
  display: table-cell;
  width: 100%;
  background-color: transparent;
  height: 25px;
  cursor: pointer;
  outline: 0;
}

.range input[type="range"]::-moz-slider-thumb,
.range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -ms-appearance: none !important;
  -o-appearance: none !important;
  appearance: none !important;
  width: 11px;
  height: 25px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0;
  background-color: #999;
}

.range output {
  display: table-cell;
  padding: 3px 5px 2px;
  min-width: 40px;
  color: #fff;
  background-color: #999;
  text-align: center;
  border-radius: 0 4px 4px 0;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

.range.range-success input[type="range"]::-moz-slider-thumb,
.range.range-success input[type="range"]::-webkit-slider-thumb {
  background-color: #2dce89;
}

.range.range-success output {
  background-color: #2dce89;
}

.range.range-success input[type="range"] {
  outline-color: #2dce89;
}

.range.range-info input[type="range"]::-moz-slider-thumb,
.range.range-info input[type="range"]::-webkit-slider-thumb {
  background-color: #45aaf2;
}

.range.range-info output {
  background-color: #45aaf2;
}

.range.range-info input[type="range"] {
  outline-color: #45aaf2;
}

.range.range-warning input[type="range"]::-moz-slider-thumb,
.range.range-warning input[type="range"]::-webkit-slider-thumb {
  background-color: #ecb403;
}

.range.range-warning output {
  background-color: #ecb403;
}

.range.range-warning input[type="range"] {
  outline-color: #ecb403;
}

.range.range-danger input[type="range"]::-moz-slider-thumb,
.range.range-danger input[type="range"]::-webkit-slider-thumb {
  background-color: #dc0441;
}

.range.range-danger output {
  background-color: #dc0441;
}

.range.range-danger input[type="range"] {
  outline-color: #dc0441;
}

.rating-stars {
  width: 100%;
  text-align: center;
  font-size: 30px;
}

.rating-stars .rating-stars-container {
  font-size: 0px;
}

.rating-stars .rating-stars-container .rating-star {
  display: inline-block;
  font-size: 30px;
  cursor: pointer;
  padding: 0 5px;
  color: #f0f0f2;
}

.rating-stars .rating-stars-container .rating-star.sm {
  display: inline-block;
  font-size: 14px;
  color: 1px solid #e6ebf1;
  cursor: pointer;
  padding: 5px;
}

.rating-stars .rating-stars-container .rating-star.is--active,
.rating-stars .rating-stars-container .rating-star.is--hover {
  color: #f1c40f;
}

.rating-stars .rating-stars-container .rating-star .fa-heart .is--no-hover,
.rating-stars .rating-stars-container .rating-star.is--no-hover {
  color: #3e4b5b;
}

.rating-stars .rating-stars-container .rating-star.is--active .fa-heart,
.rating-stars .rating-stars-container .rating-star.is--hover .fa-heart {
  color: #ef4b4b;
}

.rating-stars input {
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e6ebf1;
  border-radius: 3px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.br-theme-bars-1to10 .br-widget a,
.br-theme-bars-horizontal .br-widget a,
.br-theme-bars-movie .br-widget a,
.br-theme-bars-pill .br-widget a,
.fc-unthemed .fc-list-item:hover td,
.user-contact-list .option-dots:focus {
  background-color: #f0f0f2;
}

.br-theme-bars-square .br-widget a {
  border: 2px solid #f0f0f2;
  background-color: #fff;
  color: #f0f0f2;
}

.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: #ffab00;
}

.br-theme-fontawesome-stars .br-widget a:after,
.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: #ffab00;
}

.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
  content: "\f123";
  color: #ffab00;
}

.br-theme-fontawesome-stars-o .br-widget a:after {
  content: "\f006";
  color: #ffab00;
}

.jq-star-svg {
  padding-left: 3px;
  width: 100%;
  height: 100%;
}

.jq-star {
  width: 100px;
  height: 100px;
  display: inline-block;
  cursor: pointer;
}

.app-header.header .nav-link.icon,
.rating-stars i {
  padding: 5px;
}

body ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  transition: background 0.3s;
}

body ::-webkit-scrollbar-thumb,
body :hover::-webkit-scrollbar-thumb {
  background: #c7cfdf;
}

.aside,
.header,
.tabela-sessao,
.table-calender-link:hover:before {
  background: #fff;
}

body ::-webkit-scrollbar-track {
  background: #fff;
}

.page-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 1.5rem 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}

.page-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 2.5rem;
  color: #939598;
}

.page-title-icon {
  color: #9aa0ac;
  font-size: 1.25rem;
}

.page-subtitle {
  font-size: 0.8125rem;
  color: #6e7687;
  margin-left: 2rem;
}

.page-options,
.pagination-pager .page-next {
  margin-left: auto;
}

.page-description {
  margin: 0.25rem 0 0;
  color: #6e7687;
}

.page-single,
.page-single-content {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.content-heading {
  font-weight: 400;
  margin: 2rem 0 1.5rem;
  font-size: 1.25rem;
  line-height: 1.25;
}

.aside {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 22rem;
  border-left: 1px solid #e6ebf1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 100;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.header-btn.has-new:before,
.nav-unread,
.nav-unread.badge {
  position: absolute;
  border-radius: 50%;
}

@media (min-width: 1600px) {
  body.aside-opened .aside {
    visibility: visible;
  }
}

.aside-body {
  padding: 1.5rem;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: auto;
}

.card-bgimg,
.chart-donut,
.chart-height,
.chart-pie,
.chart-tasks,
.chart-visitors,
.chartsh,
.chartwidget,
.lockscreen,
.main-proifle {
  overflow: hidden;
}

.aside-footer {
  padding: 1rem 1.5rem;
  border-top: 1px solid #e6ebf1;
}

.aside-header {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e6ebf1;
}

body.fixed-header .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}

.header .dropdown-menu {
  margin-top: 0;
  border-radius: 0 0 4px 4px !important;
}

.header .mega-menu {
  width: 350px;
}

.nav-unread {
  top: 0.13rem;
  right: 1rem;
  background: #ecd938;
  width: 0.5rem;
  height: 0.5rem;
}

.nav-unread.badge {
  top: 0;
  text-align: center;
  right: 0;
  width: 1.2rem;
  height: 1.2rem;
}

.nav-link.icon {
  margin: 5px;
  text-align: center;
  height: 2.5rem;
  font-size: 1.2rem;
  position: relative;
}

.app-header1 .header-brand,
.header-brand {
  color: inherit;
  font-size: 1.25rem;
  font-weight: 600;
  padding: 0;
  line-height: 2.9rem;
  margin-right: 0;
  transition: opacity 0.3s;
  white-space: nowrap;
}

.nav-link.icon .nav-span {
  font-size: 0.9rem;
  color: #576482;
  vertical-align: middle;
  margin-left: 0.5rem;
  font-weight: 400;
}

.app-header1 .header-brand {
  min-width: 215px;
  text-align: center;
}

.app-header1 .header-brand .header-brand-img {
  margin-right: 0;
}

.header-brand-img {
  height: 3rem;
  line-height: 2rem;
  vertical-align: bottom;
  margin-right: 0;
  width: auto;
}

.header-avatar,
.header-btn {
  display: inline-block;
  width: 2rem;
  height: 2rem;
}

.header-avatar {
  vertical-align: bottom;
  border-radius: 50%;
}

.dropdown-item .fa,
.dropdown-item .icon,
.icons-list-item,
.svg-icon1,
.table-stats table td,
.transaction-table.table td,
.user-details span.h6 {
  vertical-align: middle;
}

.header-btn {
  line-height: 2rem;
  text-align: center;
  font-size: 1rem;
}

.center-block {
  margin-right: auto;
  margin-left: auto;
  float: inherit !important;
}

.header-btn.has-new:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #dc0441;
  top: 4px;
  right: 4px;
}

.header-toggler {
  width: 3rem;
  height: 3rem;
  position: relative;
  color: #000;
}

.header-toggler:hover {
  color: #32e448;
}

.header-toggler-icon {
  position: absolute;
  width: 1rem;
  height: 2px;
  color: inherit;
  background: currentColor;
  border-radius: 3px;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -0.5rem;
  box-shadow: 0 5px currentColor, 0 -5px currentColor;
}

.footer,
footer.footer {
  background: #fff;
  border-top: 1px solid #e6ebf1;
  padding: 1.25rem 0;
  font-size: 0.875rem;
}

footer.footer {
  box-shadow: 16px 0 16px rgba(24, 23, 38, 0.06);
  display: block;
  margin-top: auto;
}

.example-column,
.footer .social {
  margin: 0 auto;
}

.footer .social ul li {
  float: left;
  padding: 7px;
}

.footer .social ul li a {
  color: #abb8c3;
}

.footer a:not(.btn),
.modal-body label {
  font-weight: 400;
}

.br-100 {
  border-radius: 100% !important;
}

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

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

.br-7,
.rtl .br-7 {
  border-radius: 7px !important;
}

.br-tl-7 {
  border-top-left-radius: 7px !important;
}

.br-bl-7 {
  border-bottom-left-radius: 7px !important;
}

.br-tr-7,
.rtl .br-tl-7 {
  border-top-right-radius: 7px !important;
}

.br-br-7,
.rtl .br-bl-7 {
  border-bottom-right-radius: 7px !important;
}

.br-tl-0,
.rtl .br-tr-0 {
  border-top-left-radius: 0 !important;
}

.br-bl-0,
.rtl .br-br-0 {
  border-bottom-left-radius: 0 !important;
}

.br-tr-0,
.rtl .br-tl-0,
.rtl.register1 div.br-tl-0 {
  border-top-right-radius: 0 !important;
}

.br-br-0,
.rtl .br-bl-0,
.rtl.register1 div.br-bl-0 {
  border-bottom-right-radius: 0 !important;
}

.list.d-flex img {
  width: 60px;
}

#popup {
  position: absolute;
  width: auto;
  height: 30px;
  background: #fe6b1f;
  display: none;
  color: #fff;
  border-radius: 5px;
}

#copy {
  color: #fff;
  font-weight: 700;
  padding: 8px 25px;
  border: 0;
}

.h-85 {
  height: 85px !important;
}

.chart-visitors {
  min-height: 18rem;
}

.chart-height {
  height: 20rem;
}

.chart-tasks {
  height: 15rem;
}

.chart-donut {
  height: 21rem;
}

.chart-pie {
  height: 22rem;
}

.chartsh {
  height: 16rem;
}

.chartwidget {
  height: 17rem;
}

.countdown span:first-child {
  font-size: 30px;
  font-weight: 500;
}

.social i {
  font-size: 40px;
}

.instagram {
  background: #de497b;
}

.linkedin {
  background: #0077b5;
}

.twitter {
  background: #1da1f2;
}

.facebook {
  background: #3b5998;
}

.widget-info i {
  width: 100px;
  height: 100px;
  padding: 27px 0;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50%;
}

.widget-info a {
  border-bottom: 1px solid #fff;
}

.about-img {
  background: url("../images/about.jpg") center/cover;
}

.login-img {
  background: url("../images/login.jpg") 0 0 / cover;
}

.construction-img {
  background: url("../images/construction.jpg") 0 0 / cover;
}

.z-index-10 {
  z-index: 10 !important;
}

.card-blog-overlay .card-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.card-blog-overlay1 .card-footer,
.card-blog-overlay2 .card-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.card-blog-overlay {
  background-size: cover;
  position: relative;
}

.card-blog-overlay1:before,
.card-blog-overlay2:before,
.card-blog-overlay:before {
  content: "";
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  border-radius: 7px;
}

.card-blog-overlay1 {
  background: url("../images/photos/thumb3.jpg") !important;
}

.card-blog-overlay2,
.login-transparent {
  background: url("../images/photos/22.jpg") !important;
}

.login-transparent:before {
  content: "";
  display: block;
  position: absolute;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(159, 120, 255, 0.96)),
    to(rgba(50, 202, 254, 0.96))
  );
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  border-radius: 7px;
}

.page-breadcrumb {
  background: 0 0;
  padding: 0;
  margin: 1rem 0 0;
  font-size: 0.875rem;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.page-breadcrumb .breadcrumb-item {
  color: #9aa0ac;
}

.page-breadcrumb .breadcrumb-item.active {
  color: #6e7687;
}

@media (min-width: 768px) {
  .main-chat-footer .form-control {
    margin: 0 20px;
  }

  .main-content-body-contacts {
    display: block;
    overflow-y: auto;
  }

  .main-content-left-contacts {
    width: 100%;
  }

  .page-breadcrumb {
    margin: -0.5rem 0 0;
  }

  #checkoutsteps .checkoutline {
    height: 3px;
    background-color: #eaedf7;
    -webkit-transform: translateY(1.7rem);
    transform: translateY(1.7rem);
    margin: 0 11%;
    position: relative;
    z-index: 0;
    top: 28px;
  }
}

.pagination-simple .page-item .page-link {
  background: 0 0;
  border: none;
}

.pagination-simple .page-item.active .page-link {
  color: #495057;
  font-weight: 700;
}

.pagination-pager .page-prev {
  margin-right: auto;
}

.page-total-text {
  margin-right: 1rem;
  -ms-flex-item-align: center;
  align-self: center;
  color: #6e7687;
}

.header .form-inline .form-control {
  border: 0 solid #f6f6f6;
  padding-left: 55px;
  padding-right: 40px;
  background: #fff;
  border-radius: 10px;
}

.header .form-inline .form-control::-webkit-input-placeholder {
  font-size: 0.9375rem;
  opacity: 0.5;
}

.header .form-inline .btn {
  border-radius: 0 4px 4px 0;
  padding: 0 15px;
  border: 1px solid transparent;
  box-shadow: none;
  background: 0 0;
  color: #fff;
  font-size: 15px;
  position: absolute;
  left: 0;
  opacity: 0.5;
  top: 4px;
}

.header .form-inline .btn i {
  color: #818c9b;
}

@media (max-width: 1024px) {
  .app.sidebar-gone.search-show .header.top-header {
    z-index: 1036;
  }

  body.sidebar-show {
    overflow: hidden;
  }

  body.search-show:before,
  body.sidebar-show:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0.6;
    z-index: 891;
  }
}

@media (min-width: 575.98px) and (max-width: 1200px) {
  .header .form-inline .form-control {
    width: 100% !important;
    min-width: 100% !important;
  }
}

@media (min-width: 991.98px) {
  .responsive-search {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .responsive-navbar.navbar .navbar-collapse {
    position: fixed;
    width: 100%;
    background: #fff;
    margin-top: 0;
    z-index: 999;
    top: 73px;
    right: 0;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #f0f0ff;
    box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
  }

  .header .form-inline .search-element {
    position: absolute;
    top: -4px !important;
    left: 10px;
    right: 10px;
    z-index: 892;
    display: none;
    margin-left: 0;
  }

  body.search-show .header .form-inline .search-element {
    display: block;
  }

  .header .form-inline .form-control::-webkit-input-placeholder {
    color: #6c756e;
  }

  .header .navsearch i {
    font-size: 20px;
    color: #6c756e;
    padding-top: 5px;
  }

  .hor-header {
    box-shadow: 16px 0 16px rgba(24, 23, 38, 0.06);
    border-bottom: 1px solid transparent !important;
  }

  .header.top-header .header-option,
  .header.top-header .header-setting {
    display: none;
  }

  .hor-header.header {
    position: fixed;
    width: 100%;
    z-index: 999;
  }

  .hor-content.main-content {
    margin-top: 50px;
  }

  .horizontal-main.hor-menu {
    border-bottom: 0;
  }

  .page-body {
    padding-top: 1px;
  }

  .app-content.page-body .container,
  .header.top-header .container,
  .hor-content.main-content .container {
    max-width: none !important;
  }

  .active .header.top-header {
    z-index: 999;
  }

  .app-content.page-body .side-app {
    padding: 6.2rem 0.75rem 0 !important;
  }

  .navsearch {
    padding: 0.3rem 0;
    height: 2.5rem;
    position: relative;
  }

  .navsearch svg {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 45px;
    height: 45px;
    background: 0 0;
    padding: 8px;
    margin-top: 0;
  }

  .navsearch i {
    padding-top: 0 !important;
  }

  .app-content.page-body {
    margin-top: 4.7rem;
  }

  .comb-page .app-content.page-body {
    margin-top: 0;
  }
}

@media (max-width: 575.98px) {
  body.search-show .header .form-inline .search-element {
    display: block;
  }

  .header .form-inline .search-element .form-control {
    float: left;
    width: 100% !important;
    height: 40px;
    margin: 0 auto;
    background: #fff;
    border-radius: 4px;
  }

  .form-control.header-search {
    color: #000;
  }

  .login-page .demo-icon {
    right: 0 !important;
    top: 25px !important;
  }

  .header .form-inline .search-element {
    position: absolute;
    z-index: 892;
    display: none;
  }

  .header .form-inline .btn {
    color: #46494a !important;
  }

  .header .form-inline .form-control::-webkit-input-placeholder {
    color: #6c756e !important;
  }

  .header .navsearch i {
    font-size: 20px;
    color: #6c756e;
    padding-top: 4px;
  }

  .header-brand-img.dark-logo,
  .hor-header .header-brand-img.desktop-lgo {
    display: none;
  }

  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-sm > .table-bordered,
  .text-wrap .table-responsive-sm > table {
    border: 0;
  }

  .header-brand {
    margin-right: 0;
  }

  .header-brand-img.mobile-logo {
    display: block;
    margin-left: 0.5rem;
  }

  .header-brand-img.darkmobile-logo {
    display: none;
    margin-left: 0.5rem;
  }

  .animated-arrow.hor-toggle {
    text-align: center;
    height: 2.5rem;
    width: 2.5rem;
    font-size: 1.2rem;
    position: relative;
    border-radius: 3px;
    top: 0;
    padding: 5px;
  }
}

.icons-list {
  margin: 0 -1px -1px 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.icons-list > li {
  -ms-flex: 1 0 2.5rem;
  flex: 1 0 2.5rem;
}

.flags-icons .icons-list-item {
  line-height: inherit;
}

.payment-icons .icons-list-item {
  line-height: 2rem;
}

.icons-list-item {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  border-radius: 10px !important;
  font-size: 18px;
  box-shadow: 0 2px 3px rgba(4, 4, 7, 0.1);
  border: 1px solid #e6ebf1;
  color: #747fa7;
  margin: 5px;
}

.img-gallery {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
  margin-bottom: -0.5rem;
}

.img-gallery > .col,
.img-gallery > [class*="col-"] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-bottom: 0.5rem;
}

.link-overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(70, 127, 207, 0.8);
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.25rem;
  opacity: 0;
  transition: opacity 0.3s;
}

.search svg,
.search-inline,
.search-label {
  transition: 0.5s ease-in-out;
}

.media-icon {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  border-radius: 100%;
  font-size: 18px;
}

.app-header .container-fluid,
.attachment-mail ul li img,
.custom-btn-login,
.job-box,
.job-box-filter label {
  width: 100%;
}

.media-list {
  margin: 0;
  padding: 0;
}

textarea[cols] {
  height: auto;
}

.wizard-card.form-group .form-control {
  background-image: linear-gradient(
    #c4c4c4,
    #c4c4c4,
    linear-gradient(#e1e1e2, #e1e1e2)
  );
}

.richText {
  border: 1px solid #e6ebf1;
  background-color: #f0f0f2;
  border-top: 0;
  border-bottom: 0;
}

.richText .richText-toolbar {
  border-bottom: 1px solid #e6ebf1;
  border-top: 1px solid #e6ebf1;
}

.richText .richText-toolbar ul li a,
.rtl .ql-toolbar.ql-snow .ql-picker-label {
  border-right: 1px solid #e2e3e7;
}

.addui-slider .addui-slider-track .addui-slider-handle:hover {
  box-shadow: 0 0 5px rgba(159, 120, 255, 0.5);
}

.addui-slider
  .addui-slider-track
  .addui-slider-handle:hover
  .addui-slider-value {
  background: rgba(159, 120, 255, 0.5);
}

.addui-slider
  .addui-slider-track
  .addui-slider-handle.addui-slider-handle-active {
  background: rgba(159, 120, 255, 0.5);
  box-shadow: 0 0 5px rgba(159, 120, 255, 0.5);
}

.addui-slider
  .addui-slider-track
  .addui-slider-handle.addui-slider-handle-active
  .addui-slider-value {
  background: rgba(159, 120, 255, 0.75);
}

.cal1 {
  font-size: 14px;
  border: 1px solid #e6ebf1;
}

.cal1 .clndr .clndr-table .header-days .header-day {
  border-left: 1px solid rgba(23, 183, 148, 0.1);
  border-top: 1px solid #e2e3e4;
}

.cal1 .clndr .clndr-table tr .adjacent-month,
.cal1 .clndr .clndr-table tr .empty,
.cal1 .clndr .clndr-table tr .my-adjacent-month,
.cal1 .clndr .clndr-table tr .my-empty {
  border-left: 1px solid #e6ebf1;
  border-top: 1px solid #e6ebf1;
  background: #f0f0f2;
}

.cal1 .clndr .clndr-table tr .day {
  border-left: 1px solid #e6ebf1;
  border-top: 1px solid #e6ebf1;
}

.cal1 .clndr .clndr-table tr .day.event,
.cal1 .clndr .clndr-table tr .day.my-event {
  background: #eeeef5;
}

.cal1 .clndr .clndr-table tr .day.my-today.event,
.cal1 .clndr .clndr-table tr .day.today.event {
  background: #f2ecff;
}

.cal1 .clndr .clndr-table tr .day.event:hover,
.cal1 .clndr .clndr-table tr .day.my-event:hover,
.cal1 .clndr .clndr-table tr .day.my-today,
.cal1 .clndr .clndr-table tr .day.today {
  background: #e2e2e9 !important;
}

.cal1 .clndr .clndr-table tr .day:last-child {
  border-right: 1px solid #ffefd5;
}

.cal1 .clndr .clndr-table tr .day:hover {
  background: #e2e2e9;
}

.fc button {
  background: #f5f6f8;
  color: #efefef;
  text-transform: uppercase;
  font-size: 13px !important;
  font-weight: 500;
  padding: 5px;
}

.fc-unthemed .fc-divider {
  border-color: #e6ebf1;
}

.fc-event {
  line-height: 1.4;
  border-radius: 3px;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  color: #fff;
  outline: 0;
  box-shadow: none;
}

.fc-today-button:focus {
  border: none !important;
  box-shadow: none !important;
  outline: 0;
}

.conv-form-wrapper div#messages div.message.to {
  background: #eeeff6;
}

div.conv-form-wrapper div#messages div.message.from {
  border-top-right-radius: 0;
}

#sidebar ul li.active > a:hover {
  background: #6d4dbb;
  color: #fff;
}

#sidebar ul li a {
  color: #384056;
  font-weight: 400;
}

#sidebar ul li ul li:last-child,
.sub-panel-heading .tabs-menu ul li:last-child,
.table-inbox tr:last-child {
  border-bottom: 0;
}

#sidebar li a[aria-expanded="true"]:hover,
.apexcharts-yaxis-texts-g,
.register-icons .btn:hover .fa,
.register1 .custom-content .text-white-50,
.toast-header.bg-primary {
  color: #fff !important;
}

.hor-header,
.tab_wrapper.right_side > ul,
.tab_wrapper > ul,
.table-inbox tr {
  border-bottom: 1px solid #e6ebf1;
}

#validationCustom04,
.tab_wrapper.right_side .content_wrapper,
.table-bordered,
.table-bordered td,
.table-bordered th,
.text-wrap table,
.text-wrap table td,
.text-wrap table th {
  border: 1px solid #e6ebf1;
}

.tab_wrapper.right_side > ul li.active {
  border-color: 1px solid #e6ebf1;
}

.tab_wrapper.right_side > ul li:after {
  background: 1px #e6ebf1;
}

.job-box-filter select.input-sm {
  display: inline-block;
  max-width: 120px;
  margin: 0 5px;
  border: 1px solid #e6ebf1;
  border-radius: 2px;
  height: 34px;
  font-size: 15px;
}

.job-box-filter label input.form-control {
  max-width: 200px;
  display: inline-block;
  border: 1px solid #e6ebf1;
  border-radius: 2px;
  margin-left: 5px;
  font-size: 15px;
}

.rtl .app-sidebar .side-item.side-item-category,
.rtl .custom-control-label,
.rtl .dropdown-item,
.rtl .message-feed.right,
.rtl .ql-editor,
.text-right {
  text-align: right;
}

.job-box-filter {
  padding: 12px 15px;
  border-bottom: 1px solid #e6ebf1;
}

.job-box {
  display: inline-block;
  padding: 0;
}

.job-box-filter a.filtsec {
  margin-top: 8px;
  display: inline-block;
  margin-right: 15px;
  padding: 4px 10px;
  transition: 0.4s;
  background: #edf0f3;
  border-radius: 50px;
  font-size: 13px;
  color: #81a0b1;
  border: 1px solid #e2e8ef;
}

.job-box-filter a.filtsec.active {
  color: #fff;
  background: #16262c;
  border-color: #16262c;
}

.job-box-filter a.filtsec i,
.mail-option .btn-group,
.mail-option .chk-all,
.slide-item .icon {
  margin-right: 5px;
}

.job-box-filter a.filtsec:focus,
.job-box-filter a.filtsec:hover {
  color: #fff;
  background: #07b107;
  border-color: #07b107;
}

.job-box-filter h4 i,
.rtl .nav-tabs .nav-item i {
  margin-right: 10px;
}

.image_outer_container {
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 50%;
  position: relative;
}

.image_inner_container {
  border-radius: 50%;
  padding: 5px;
}

.image_inner_container img {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  border: 5px solid #fff;
}

.image_outer_container .green_icon {
  background-color: #4cd137;
  position: absolute;
  right: 10px;
  bottom: 10px;
  height: 30px;
  width: 30px;
  border: 5px solid #fff;
  border-radius: 50%;
}

.search {
  position: absolute;
  width: 320px;
}

.search svg {
  transform: translateX(-126px);
  width: 180px;
  height: auto;
  stroke-width: 8px;
  stroke: #fff;
  stroke-width: 1px;
  stroke-dashoffset: 0;
  stroke-dasharray: 64.6 206.305;
  margin-top: 5px;
}

.input-search {
  position: absolute;
  width: calc(100% - 148px);
  height: 34px;
  top: 0;
  right: 20px;
  bottom: 0;
  left: 0;
  border: none;
  background-color: transparent;
  outline: 0;
  padding: 20px;
  font-size: 16px;
  color: #fff;
}

.search-label {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  top: 0;
  left: 50%;
  margin-left: -54px;
  z-index: 100;
}

.full .search-label,
.isActive .search-label {
  transform: translateX(246px);
}

.isActive svg,
.isActive.full svg {
  stroke-dashoffset: -65;
  stroke-dasharray: 141.305 65;
  transform: translateX(0);
}

.full svg {
  stroke-dashoffset: 0;
  stroke-dasharray: 64.6 206.305;
  transform: translateX(0);
}

#drag-1,
#drag-2 {
  width: 25%;
  height: 100%;
  min-height: 6.5em;
  margin: 10%;
  background-color: #29e;
  color: #fff;
  border-radius: 0.75em;
  padding: 4%;
  user-select: none;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.search-inline {
  width: 100%;
  left: 0;
  padding: 33px 0;
  top: 0;
  position: absolute;
  opacity: 0;
  background-color: #fff;
  z-index: 9;
}

.search-inline.search-visible {
  opacity: 1;
  visibility: visible;
  animation: 0.2s ease-in-out fadeInDown;
}

.search-inline button[type="submit"] {
  position: absolute;
  background-color: transparent;
  border: 0;
  top: 0;
  right: 80px;
  padding: 0;
  cursor: pointer;
  width: 80px;
  height: 100%;
  color: #fff;
}

.search-inline .form-control {
  border: 0;
  padding-left: 0;
  font-size: 20px;
  position: absolute;
  left: 1%;
  top: 0;
  height: 100%;
  width: 99%;
  outline: 0;
}

.search-inline .search-close {
  position: absolute;
  top: 0;
  right: 0;
  color: #616161;
  width: 80px;
  height: 100%;
  text-align: center;
  display: table;
  background: #efefef;
  text-decoration: none;
}

.search-inline .search-close i {
  display: table-cell;
  vertical-align: middle;
}

.searching i {
  font-size: 18px;
}

.search-close i {
  padding: 24px 0;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.lockscreen {
  background: inherit;
  width: 300px;
  height: 280px;
}

.lockscreen:before {
  content: "";
  width: 350px;
  height: 400px;
  background: inherit;
  position: absolute;
  left: -25px;
  right: 0;
  top: -25px;
  bottom: 0;
  box-shadow: inset 0 0 0 200px rgba(255, 255, 255, 0.4);
  filter: blur(1px);
}

.table-stats table td,
.table-stats table th {
  border: none;
  border-bottom: 1px solid #e8e9ef;
  font-size: 12px;
  font-weight: 400;
  padding: 0.75em 1.25em;
  text-transform: uppercase;
}

.table-stats table td,
.table-stats table td .name,
.table-stats table th .name {
  text-transform: capitalize;
  font-size: 14px;
}

.table-stats table td img,
.table-stats table th img {
  margin-right: 10px;
  max-width: 45px;
}

.traffic-sales-content {
  padding: 14px;
}

.attachment-mail ul li span,
.rtl .message-body-heading span,
.rtl .more-less,
.rtl .panel-title a.accordion-toggle.collapsed:before,
.rtl .panel-title a.accordion-toggle:before,
.rtl .richText .richText-toolbar ul li,
.rtl .tab_wrapper > ul li,
.traffic-sales-amount,
ul.inbox-pagination {
  float: right;
}

.pulse {
  display: block;
  position: absolute;
  top: 23px;
  right: 23px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f72d66;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(247, 45, 102, 0.9);
  animation: 2s infinite pulse;
}

.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(247, 45, 102, 0.9);
  }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(247, 45, 102, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(247, 45, 102, 0);
  }
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(247, 45, 102, 0.9);
    box-shadow: 0 0 0 0 rgba(247, 45, 102, 0.7);
  }

  70% {
    -moz-box-shadow: 0 0 0 10px rgba(247, 45, 102, 0);
    box-shadow: 0 0 0 10px rgba(247, 45, 102, 0);
  }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(247, 45, 102, 0);
    box-shadow: 0 0 0 0 rgba(247, 45, 102, 0);
  }
}

.header.top-header .search-element input,
.user-head .inbox-avatar img {
  border-radius: 4px;
}

.activity {
  position: relative;
  border-left: 3px solid #e6ebf1;
  margin-left: 16px;
}

.activity .img-activity {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 44px;
  border-radius: 50%;
  position: absolute;
  left: -20px;
  border: 3px solid;
}

.activity .item-activity {
  margin-left: 40px;
  margin-bottom: 26px;
}

#AreaChart2 {
  width: 105% !important;
  height: 88px !important;
  bottom: -20px;
  position: relative;
  left: -7px;
}

#CryptoChart,
#CryptoChart1,
#CryptoChart2,
#CryptoChart3 {
  width: 105% !important;
  height: 70px !important;
  bottom: -15px;
  position: relative;
  left: -7px;
}

[class*="js-conveyor-"] ul li {
  padding: 9px 15px;
  border: 1px solid #efefef;
  background: #fff;
  margin: 15px 6px;
  border-radius: 5px;
  box-shadow: 0 0 10px -5px rgba(68, 84, 195, 0.5);
}

.news-crypto span {
  font-size: 0.8rem;
}

.latest-timeline {
  height: 355px;
}

.latest-timeline ul.timeline {
  list-style-type: none;
  position: relative;
}

.latest-timeline ul.timeline:before {
  content: " ";
  display: inline-block;
  position: absolute;
  left: 10px;
  height: 100%;
  z-index: 1;
  border-left: 1px double #e6ebf1;
}

.latest-timeline ul.timeline > li {
  margin: 20px 0;
  padding-left: 2.5rem;
}

.latest-timeline ul.timeline > li:before {
  content: " ";
  background: #fff;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #1753fc;
  left: 5px;
  width: 13px;
  height: 13px;
  z-index: 1;
}

.latest-timeline ul.timeline > li:first-child:before {
  border: 2px double #0dd157;
}

.latest-timeline ul.timeline > li:nth-child(2):before {
  border: 2px solid #2d9eef;
}

.latest-timeline ul.timeline > li:nth-child(3):before {
  border: 2px solid #f35e90;
}

.latest-timeline ul.timeline > li:nth-child(4):before {
  border: 2px solid #fc7303;
}

.latest-timeline ul.timeline > li:nth-child(5):before {
  border: 2px solid #05a5ba;
}

.latest-timeline ul.timeline > li:nth-child(6):before {
  border: 2px solid #920bfa;
}

.latest-timeline ul.timeline > li:last-child:before {
  border: 2px solid #ec2d38;
}

.app-content.page-body {
  min-height: 67vh;
}

.time-data {
  font-size: 14px;
  font-weight: 500;
  margin-left: 20px;
}

div[data-acc-step]:not(.open) h5 {
  color: #8e9cad;
}

div[data-acc-step]:not(.open) .bg-primary {
  background: #afb4d8;
}

#smartwizard .nav.nav-tabs.step-anchor {
  border-bottom: 0 !important;
  padding: 30px;
}

#smartwizard .nav-tabs {
  border-top: 0 !important;
}

#smartwizard .nav-link {
  padding: 15px 40px;
}

.fc-widget-content .fc-bgevent {
  background-color: #f0f0f2 !important;
}

.apexcharts-toolbar {
  z-index: 0 !important;
  display: none;
}

.card-bgimg {
  background: url(../images/photos/chart.png) 0 0 / cover;
  position: relative;
  border-radius: 3px;
  border: 0;
}

.card-bgimg:before {
  opacity: 0.9;
  border-radius: 3px;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  display: block;
  top: 0;
}

.card-bgimg .card-body {
  z-index: 10;
}

@media (min-width: 992px) {
  .main-contact-info-body {
    height: calc(100% - 126px);
    position: relative;
  }

  .main-contact-info-body .media-body {
    display: flex;
  }

  .main-contact-info-body .media-body > div {
    flex: 1;
  }

  .main-contact-info-body .media-list {
    padding: 25px 0;
  }

  .main-contact-action {
    right: 20px;
  }

  .main-contact-info-header {
    padding-left: 30px;
    padding-bottom: 25px;
  }

  .main-contact-info-header .media-body {
    margin-top: 0;
    margin-left: 30px;
  }

  .main-contact-info-header .media {
    display: flex;
    align-items: center;
  }

  .main-content-body-contacts {
    overflow: visible;
  }

  .main-contact-item {
    padding: 10px 15px;
  }

  .main-contact-label {
    padding-left: 10px;
  }

  .main-content-left-contacts .main-content-breadcrumb,
  .main-content-left-contacts .main-content-title {
    padding-left: 0;
  }

  .main-contact-info-body .media-body > div + div {
    margin-top: 0;
  }

  .top-header.hor-top-header .header-brand-img {
    display: none;
  }

  .top-header.hor-top-header .header-brand.center-logo .desktop-lgo {
    left: 0;
    display: block;
    position: absolute;
    margin: 0 auto;
    right: 0;
  }

  .top-header.hor-top-header .form-inline .form-control {
    width: 175px;
  }

  .top-header.hor-top-header .header-brand {
    margin-right: 0;
  }

  .search-element {
    margin-top: 0;
    margin-left: 40px;
  }

  .sticky-pin {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
  }

  .horizontalMenucontainer .header.top-header {
    box-shadow: none;
  }
}

.icon.icon-shape {
  width: 2.5rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
  font-size: 12px;
}

.js-conveyor-example:after,
.js-conveyor-example:before {
  height: 60px;
  top: 8px;
  content: "";
  position: absolute;
  z-index: 9;
  width: 20%;
}

.h-250 {
  height: 150px;
}

.latest-timeline1-icon {
  position: absolute;
  width: 2rem;
  height: 2rem;
  border-radius: 7px;
  line-height: 2rem;
  text-align: center;
  left: 0;
  z-index: 1;
  color: #fff;
  font-weight: 500;
}

.shadow {
  box-shadow: 0 2px 16px rgba(179, 186, 212, 0.7) !important;
}

.shadow3 {
  box-shadow: 0 0 6px rgba(179, 186, 212, 0.7) !important;
}

.apexcharts-tooltip.light {
  box-shadow: 0 0 17px -5px rgba(68, 84, 195, 0.5);
}

.chart-dropshadow-primary {
  filter: drop-shadow(-6px 12px 4px rgba(68, 84, 195, 0.2));
}

.icon-dropshadow {
  filter: drop-shadow(0px 10px 4px #e5e9f2);
}

.icon-dropshadow-info {
  filter: drop-shadow(0px 4px 4px rgba(69, 170, 242, 0.3));
}

.icon-dropshadow-success {
  filter: drop-shadow(0px 4px 4px rgba(45, 206, 137, 0.3));
}

.icon-dropshadow-danger {
  filter: drop-shadow(0px 4px 4px rgba(255, 91, 81, 0.3));
}

.icon-dropshadow-warning {
  filter: drop-shadow(0px 4px 4px rgba(236, 180, 3, 0.3));
}

.chart-dropshadow {
  -webkit-filter: drop-shadow(0 6px 4px rgba(179, 186, 212, 0.5));
  filter: drop-shadow(0 6px 4px rgba(179, 186, 212, 0.5));
}

.GradientlineShadow {
  -webkit-filter: drop-shadow(0 -8px 4px rgba(179, 186, 212, 0.2));
  filter: drop-shadow(0 -8px 4px rgba(179, 186, 212, 0.2));
}

.BarChartShadow {
  -webkit-filter: drop-shadow(0px 1px 4px rgba(179, 186, 212, 0.3));
  filter: drop-shadow(0px 1px 4px rgba(179, 186, 212, 0.3));
}

.donutShadow {
  -webkit-filter: drop-shadow(-5px 0px 10px rgba(179, 186, 212, 0.4));
  filter: drop-shadow(-5px 0px 10px rgba(179, 186, 212, 0.4));
}

.transaction-table.table thead th {
  padding-bottom: 20px;
}

.inde4-table tr td:first-child:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 20px;
  left: 0;
  top: 17px;
}

.inde4-table tr:first-child td:first-child:before,
.inde4-table tr:nth-child(7) td:first-child:before {
  background: rgba(68, 84, 195, 0.7);
}

.inde4-table tr:nth-child(2) td:first-child:before,
.inde4-table tr:nth-child(8) td:first-child:before {
  background: rgba(247, 45, 102, 0.7);
}

.inde4-table tr:nth-child(3) td:first-child:before,
.inde4-table tr:nth-child(9) td:first-child:before {
  background: rgba(45, 206, 137, 0.7);
}

.inde4-table tr:nth-child(10) td:first-child:before,
.inde4-table tr:nth-child(4) td:first-child:before {
  background: rgba(69, 170, 242, 0.7);
}

.inde4-table tr:nth-child(5) td:first-child:before {
  background: rgba(236, 180, 3, 0.7);
}

.inde4-table tr:nth-child(6) td:first-child:before {
  background: rgba(255, 91, 81, 0.7);
}

.crypto-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 4px;
  line-height: 3rem;
  text-align: center;
  font-size: 1.8rem;
  margin-right: 18px;
}

.crypto-tabs {
  padding: 0 !important;
  border: 0 !important;
}

#ui-datepicker-div tbody,
#ui-datepicker-div td,
#ui-datepicker-div tfoot,
#ui-datepicker-div th,
#ui-datepicker-div thead,
#ui-datepicker-div tr,
.svg-icon1 {
  padding: 8px;
}

.crypto-tabs .tabs-menu1 ul li .active {
  background: #fff;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 10px 10px 20px rgba(179, 186, 212, 0.09),
    10px 10px 15px -5px #b0b8d6;
  border: 0 solid #e6ebf1;
}

.crypto-tabs .tabs-menu1 ul li a {
  display: block;
  font-size: 16px;
}

table.table-bordered.dataTable td:first-child {
  border-left: 0 solid #e6ebf1 !important;
}

.js-conveyor-example:before {
  background: linear-gradient(to right, #f0eff1, transparent);
  left: 0;
}

.js-conveyor-example:after {
  background: linear-gradient(to left, #f0eff1, transparent);
  right: 0;
}

.user-info .social .social-icon {
  color: #fff;
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
  line-height: 2.5rem;
  border-radius: 50%;
}

.date-range-btn,
.input-group-append,
.input-group-btn,
.input-group-prepend {
  font-size: 0.9375rem;
}

.svg-icon {
  color: #6c757e;
  fill: #6c757e;
}

.svg-icon1 {
  font-size: 25px;
  line-height: 30px;
  text-align: center;
  margin-right: 5px;
  width: 37.5px;
  height: 37.5px;
  background: #fff;
  border-radius: 50px;
  box-shadow: 0 2px 3px rgba(4, 4, 7, 0.1);
  border: 1px solid #e6ebf1;
  color: var(--primary-bg-color);
  fill: var(--primary-bg-color);
}

.header-icon {
  color: #555b6d;
  fill: #555b6d;
}

.search-element .search-icon {
  fill: #555b6d !important;
}

.header-icon2 {
  color: #6c756e;
  fill: #6c756e;
}

.profile-dropdown .header-icon {
  width: 18px;
  height: 18px;
}

.header-option .header-icon {
  margin-top: -3px;
}

.header-option .nav-link {
  margin: 7px 0 0;
}

.card-custom-icon.text-success {
  fill: #2dce89;
}

.feature .feature-icon {
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  border-radius: 50%;
  background: rgba(68, 84, 195, 0.2);
  text-align: center;
  font-size: 25px;
}

.expenses-card {
  padding-top: 170px;
}

.expenses-card #Chart {
  width: 105% !important;
  bottom: -15px;
  position: relative;
  left: -7px;
  height: 120px !important;
}

.expenses-card .card-body {
  position: absolute;
  top: 0;
}

.page-rightheader .breadcrumb {
  padding: 0;
  background: 0 0;
}

.under-countdown .countdown {
  color: #fff;
  padding: 20px;
  border-radius: 5px;
}

.clipboard-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 5px;
  background: #fff;
  color: #212529;
  width: 35px;
  cursor: pointer;
  height: 35px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.clipboard-icon i {
  margin-top: 5px;
  font-size: 20px;
}

.highlight {
  position: relative;
  padding: 0;
}

.highlight pre {
  max-height: 15rem;
  tab-size: 4;
  hyphens: none;
}

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: 12px;
  left: 4px;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  color: #fff;
  border: 2px solid #4757c4;
  border-radius: 14px;
  box-shadow: none;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  line-height: 14px;
  content: "+";
}

.usertab-list li {
  margin: 5px 0;
}

.profile-media-img {
  border: 0 solid #efefef;
  position: relative;
  display: block;
}

.profile-media-img h6 {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
}

.profile-media-img:before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  position: absolute;
}

.profile-media-img h6 a {
  position: relative;
  z-index: 999;
}

.cover-image {
  background-size: cover !important;
}

.custom-switch-indicator-lg,
.custom-switch-indicator-xl {
  background: #f5f6fb;
  position: relative;
  vertical-align: bottom;
  transition: border-color 0.3s, background-color 0.3s;
}

.timelineleft {
  position: relative;
  margin: 0 0 30px;
  padding: 0;
}

.timelineleft:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgba(152, 166, 173, 0.3);
  left: 31px;
  margin: 0;
  border-radius: 2px;
}

.timelineleft > li {
  position: relative;
  margin-right: 0;
  margin-bottom: 15px;
}

.timelineleft > li:after,
.timelinelft > li:before {
  content: " ";
  display: table;
}

.timelineleft > .timeleft-label > span {
  font-weight: 600;
  padding: 5px 10px;
  display: inline-block;
  background-color: #fff;
  color: #fff;
  border-radius: 4px;
}

.inbox-head h3,
.modal-header h4.modal-title {
  font-weight: 300;
}

.timelineleft > li:after {
  clear: both;
}

.timelineleft > li > .timelineleft-item {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
  border-radius: 7px;
  margin-top: 0;
  background: #fff;
  color: #444;
  margin-left: 60px;
  margin-right: 0;
  padding: 0;
  position: relative;
  border: 1px solid #ebeaf1;
}

.custom-switch-indicator-lg:before,
.custom-switch-indicator-xl:before {
  top: 1px;
  left: 1px;
  transition: left 0.3s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  content: "";
}

.timelineleft > li > .timelineleft-item > .time {
  color: #999;
  float: right;
  padding: 12px;
  font-size: 12px;
}

.timelineleft > li > .timelineleft-item > .timelineleft-header {
  margin: 0;
  color: #555;
  border-bottom: 1px solid #ebeaf1;
  padding: 0.75rem 1.25rem;
  font-size: 16px;
  line-height: 1.1;
}

.timelineleft > li > .timelineleft-item > .timelineleft-header.no-border {
  border-bottom: 0 solid #ebeaf1;
}

.timelineleft > li > .timelineleft-item > .timelineleft-header > a {
  font-weight: 500;
  font-size: 14px;
}

.timelineleft-body img {
  width: 150px;
  height: 100px;
}

.timelineleft > li > .timelineleft-item > .timelineleft-body,
.timelineleft > li > .timelineleft-item > .timelineleft-footer {
  padding: 0.75rem 1.25rem;
}

.timelineleft > li > .fa,
.timelineleft > li > .glyphicon,
.timelineleft > li > .ion {
  width: 30px;
  height: 30px;
  font-size: 12px;
  line-height: 30px;
  position: absolute;
  color: #fff;
  background: #d2d6de;
  border-radius: 50%;
  text-align: center;
  left: 18px;
  top: 0;
}

.acc-step-number {
  padding: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
}

#form .list-group-item {
  padding: 25px;
}

.custom-switch-indicator-lg {
  display: inline-block;
  height: 1.5rem;
  width: 3rem;
  border-radius: 50px;
  border: 1px solid #ebeaf1;
}

.custom-switch-indicator-lg:before {
  position: absolute;
  height: calc(1.5rem - 4px);
  width: calc(1.5rem - 4px);
  background: #fff;
  border-radius: 50%;
}

.custom-switch-input:checked ~ .custom-switch-indicator-lg:before {
  left: calc(1.46rem + 1px);
}

.custom-switch-indicator-xl {
  display: inline-block;
  height: 2rem;
  width: 4rem;
  border-radius: 50px;
  border: 1px solid #ebeaf1;
}

.custom-switch-indicator-xl:before {
  position: absolute;
  height: calc(2rem - 4px);
  width: calc(2rem - 4px);
  background: #fff;
  border-radius: 50%;
}

.custom-switch-input:checked ~ .custom-switch-indicator-xl:before {
  left: calc(1.96rem + 1px) !important;
}

.header-icon2 {
  width: 25px;
  position: absolute;
  left: 10px;
  top: 0;
}

.page-rightheader .date-range-btn {
  position: relative;
  padding-left: 40px;
}

.main-proifle {
  position: relative;
  background: #fff;
  padding: 25px 25px 0;
  margin-bottom: 30px;
  border-top: 1px solid #e6ebf1;
  border-radius: 8px;
}

.main-proifle .tab-menu-heading {
  border-left: 0;
  border-right: 0;
  margin: 25px -30px 0;
}

.profile-share {
  width: 100%;
  padding: 10px;
  background: #fff;
  border-radius: 0 0 5px 5px;
}

.main-proifle .profile-icon,
.pro-option,
.profile-footer .new,
.profile-share a,
.user-details .user-icon {
  color: #5c678f;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 18px;
  display: inline-block;
  box-shadow: 0 2px 3px rgba(4, 4, 7, 0.1);
  background: #fff;
  vertical-align: middle;
  text-align: center;
  line-height: 2.5rem;
}

.profile-share a {
  border-radius: 50px;
  border: 1px solid #e6ebf1;
  margin-right: 5px;
}

.main-proifle .profile-icon,
.pro-option,
.profile-footer .new,
.user-details .user-icon {
  border-radius: 50px;
  border: 1px solid #e6ebf1;
  margin-right: 10px;
}

.pro-details li {
  width: 50%;
  float: left;
  margin-bottom: 1rem;
}

.profile-edit textarea {
  background: #fff;
  border-radius: 5px 5px 0 0;
}

.profile-edit textarea:focus {
  background: #e6ebf1;
  border: 1px solid #e6ebf1;
}

.social-profile-buttons li {
  float: left;
  display: block;
}

.social-profile-buttons li a {
  display: block;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 50%;
  background: #d2d6f1;
  border: 2px solid #6c756e;
  margin: 2px;
}

.fill-white {
  fill: transparent;
}

.page-header .breadcrumb-icon {
  margin-top: 3px;
  margin-left: 4px;
}

.page-header .breadcrumb-item .svg-icon {
  width: 20px;
}

.main-nav-calender-event .nav-link {
  padding: 0;
  height: 30px;
  line-height: 30px;
}

.main-nav-calender-event .nav-link.exclude {
  position: relative;
  opacity: 0.3;
}

.main-nav-calender-event .nav-link.exclude:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-top: 1px solid #737688;
}

.form-wizard-title {
  line-height: 25px;
  margin-left: 10px;
}

.footer .social .social-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  border: 1px solid #e6ebf1;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 3px rgba(4, 4, 7, 0.1);
}

.richText .richText-redo,
.richText .richText-undo,
.rtl.register1 .input-group-text {
  border-right: 1px solid #e6ebf1 !important;
}

.modal-open .select2-dropdown {
  z-index: 10000 !important;
}

.page-leftheader ol {
  background: 0 0;
  padding: 0;
}

.page-leftheader .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  font-family: Material Design Icons;
  color: var(--primary-bg-color);
  opacity: inherit;
  padding-left: 0;
}

.page-leftheader .breadcrumb-item a,
.page-rightheader .breadcrumb-item a {
  color: #6c756e;
}

.sub-pageheader {
  display: flex;
  margin-bottom: 2.3rem;
  font-size: 14px;
}

.rtl .nav,
.sub-pageheader .nav-link:last-child,
.ui-datepicker-multi .ui-datepicker-group-last {
  padding-right: 0;
}

.sub-pageheader .nav-link.border-end {
  border-right: 1px solid #cfd1e1 !important;
}

hr.pageheader-border {
  border-top: 1px solid #dfe0e7;
  margin-top: 0.9rem;
  margin-bottom: 0.9rem;
}

.dash1-card,
.jvectormap-legright-cnt {
  position: absolute;
}

.dash1-card .ratio {
  position: absolute;
  right: -10px;
  top: 20px;
  padding: 5px 15px;
  background-color: #222;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: #fff;
  border-radius: 15px 0 0 15px;
}

.dash1-card .ratio-text {
  position: absolute;
  top: 55px;
  right: 5px;
  font-size: 13px;
}

.sales-bar {
  min-height: 280px !important;
  position: relative;
  bottom: -21px;
  left: -10px;
}

.dot-label {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100%;
  margin-right: 5px;
}

.list-bar {
  right: auto;
  bottom: 0;
  height: auto;
  width: 3px;
  border-radius: 0;
  position: absolute;
  top: -1px;
  left: 0;
}

.page-rightheader .breadcrumb-item + .breadcrumb-item::before {
  content: "\e933";
  font-family: feather !important;
  color: #6c756e;
  opacity: inherit;
}

.card-over {
  position: relative;
  top: -20px;
  background: #fff;
  border-radius: 12px 12px 8px 8px;
  border: 1px solid #e6ebf1;
  box-shadow: 0 0.76rem 1.52rem rgba(18, 38, 63, 0.03);
  margin-bottom: 1.5rem !important;
}

.bread-select
  .select2-container
  .select2-selection--single
  .select2-selection__rrightered {
  padding-left: 10px !important;
}

.emp-circle-chart {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 100px;
  font-weight: 500;
  font-size: 20px;
}

.dash1-iocns {
  padding: 6px 14px;
  border-radius: 50px;
  border: 2px dotted;
}

.country-card {
  height: 400px;
  overflow: auto;
}

#talent-chart {
  -webkit-filter: drop-shadow(0 6px 4px rgba(179, 186, 212, 0.5));
  filter: drop-shadow(0 6px 4px rgba(179, 186, 212, 0.2));
}

.custom-btns .btn {
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  font-size: 20px;
  color: rgba(255, 255, 255, 0.9);
  margin: 0 5px;
  border-radius: 50%;
  padding: 0.5rem;
  width: 3rem;
  height: 3rem;
  line-height: 2rem;
}

.widget-user-image {
  height: 100px;
  width: 100px;
  clear: both;
  margin: 0 auto;
  display: block;
  border-radius: 100%;
  box-shadow: 0 3px 10px 0 rgba(4, 4, 7, 0.1);
  -moz-box-shadow: 0 3px 10px 0 rgba(4, 4, 7, 0.1);
  -webkit-box-shadow: 0 3px 10px 0 rgba(4, 4, 7, 0.1);
  -ms-box-shadow: 0 3px 10px 0 rgba(4, 4, 7, 0.1);
  position: relative;
}

.dash1,
.dash2,
.dash3,
.dash4 {
  color: #fff !important;
  width: 100%;
  content: "";
  position: absolute;
}

.email-icon i,
.header .nav-link.icon i,
.item7-card-desc .fe {
  color: #5c678f;
}

.mail-inbox .list-group-item,
.product-details .tabs-menu ul li a {
  border: 0 !important;
}

.nav-link.icon .header-icon {
  font-size: 25px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  background: 0 0;
  padding: 9px;
}

.hor-header .search-element {
  margin-left: 1rem;
}

.img-height,
::-ms-backdrop {
  height: 100%;
}

.img-height1,
::-ms-backdrop {
  height: 333px;
}

.social-profile-buttons li,
::-ms-backdrop {
  float: none;
  display: inline-block;
}

.social-profile-buttons ul,
::-ms-backdrop {
  margin-bottom: 0;
}

.btn-icon.btn-svg .svg-icon,
::-ms-backdrop {
  height: 16px;
}

.price-svg .price-title,
::-ms-backdrop {
  top: 0 !important;
}

.price-svg svg,
::-ms-backdrop {
  height: 65px !important;
}

.item7-card-img,
::-ms-backdrop {
  height: 100%;
}

.main-content,
::-ms-backdrop {
  height: 100%;
}

.app-sidebar-help,
::-ms-backdrop {
  display: none;
}

.list-card .media-body,
::-ms-backdrop {
  display: block !important;
}

.media-body.time-title1,
::-ms-backdrop {
  display: block !important;
}

.media .media-body,
::-ms-backdrop {
  display: table-cell;
}

.chat-widget-header .option-dots new-list2 .fe,
::-ms-backdrop {
  display: block;
}

.message-feed.right .media-body,
::-ms-backdrop {
  display: table-cell;
}

.message-feed.media .media-body,
::-ms-backdrop {
  display: block;
}

.main-chat-body .media .media-body,
::-ms-backdrop {
  display: -ms-flexbox;
}

.main-chat-list .media-body,
::-ms-backdrop {
  display: block;
}

.chat-widget-header .option-dots.new-list2 .fe,
::-ms-backdrop {
  display: block;
}

.card-img-top,
::-ms-backdrop {
  height: 250px;
}

.image10,
::-ms-backdrop {
  height: 250px;
}

.card-image1,
::-ms-backdrop {
  height: 250px;
}

.sweet-alert .sa-info.sa-icon::after,
::-ms-backdrop {
  margin-left: 37px !important;
  top: 17px !important;
}

.main-contact-info-header .media-body,
::-ms-backdrop {
  display: block;
}

.main-contact-info-body .media-body,
::-ms-backdrop {
  display: -ms-flexbox;
}

#media1 .media-body,
#media3 .media-body,
::-ms-backdrop {
  display: block;
}

.page-style1,
::-ms-backdrop {
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.page-single,
.page-single-content,
::-ms-backdrop {
  display: block !important;
}

.page-style1 .page-single-content,
::-ms-backdrop {
  display: block !important;
}

.page,
.page-content,
::-ms-backdrop {
  display: flex !important;
}

.page-style1 .page-single,
::-ms-backdrop {
  display: block !important;
}

.page-content img,
::-ms-backdrop {
  min-width: 50%;
}

.chat-conatct-list .option-dots,
::-ms-backdrop {
  padding: 2px 12px !important;
}

.sidenav-toggled .header.py-4 .header-brand .header-brand-img.desktop-lgo {
  display: flex !important;
  margin: 0;
}

.chat-conatct-list .media,
::-ms-backdrop {
  overflow: visible;
}

#flotChart1,
#flotChart3,
#flotChart5 {
  max-width: none;
  height: 100px;
  margin-top: -50px;
  bottom: -8px;
}

#flotChart1 canvas,
#flotChart3 canvas,
#flotChart5 canvas,
#flotChart6 canvas {
  width: 120% !important;
  left: -12px !important;
}

#flotChart6 {
  max-width: none;
  height: 100px;
  margin-top: -50px;
  bottom: -8px !important;
}

.customer {
  background-color: #deb504;
}

.customer-sales {
  background-color: #df379a;
}

.dash1 {
  background-image: linear-gradient(
    to right,
    var(--primary-bg-color),
    var(--primary06)
  );
}

.dash2 {
  background-image: linear-gradient(to right, #1d976c, #2fd38a);
}

.dash3 {
  background-image: linear-gradient(to right, #fa5420, #f6a800);
}

.dash4 {
  background-image: linear-gradient(to right, #5b73e8, #44c4fa);
}

.dash-icon {
  width: 3rem;
  height: 3rem;
  line-height: 3.5rem;
  text-align: center;
  display: block;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}

.activity-timeline {
  border: 1px solid transparent;
  width: 36px;
  height: 36px;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  line-height: 36px;
  border-radius: 50%;
  position: absolute;
  background-color: #f0f3fa;
}

.mediafont,
.recent-subcontent {
  font-size: 16px;
  font-weight: 600;
}

.activity-timeline-content {
  margin-left: 52px;
}

.sub-content {
  color: #9f9fa0 !important;
}

.activity-timeline-content span a:hover {
  text-decoration: underline;
}

.recent-activity li {
  padding: 0 1.5rem;
}

.header .main-header-end .nav-link.icon {
  padding: 2.2rem 0.75rem !important;
  margin: 0;
}

.header .profile-dropdown {
  padding: 0.95rem;
  border-right: 0px;
}

.header .profile-dropdown .nav-link {
  padding: 0;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.125rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
}

.navbar-toggler-icon {
  color: var(--primary-bg-color);
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: center center/100% 100% no-repeat;
}

.demo-icon {
  border-right: 0px !important;
}

.construction,
.register-1,
.register-2,
.register-3 {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

#back-to-top,
.construction,
.register-1,
.register-2,
.register-3 {
  background-position: center;
}

.bg-contacthead:before,
.bg-gradient:before,
.construction:before,
.register-1:before,
.register-2:before,
.register-3:before,
.register1:before {
  width: 100%;
  left: 0;
  top: 0;
  content: "";
}

.main-header-right,
.sidebar-navs .nav li:last-child a {
  margin-right: 0 !important;
}

.widget-user-image img {
  box-shadow: 0 0 0 4px #eeeef3 !important;
  border: 3px solid #f5f6f8 !important;
}

.zoom img:hover {
  transform: scale(0.96) !important;
  transition: 0.3s;
}

.no-border input[type="text"] {
  background-color: none;
  outline: 0;
  font-size: 14px;
  width: 150px;
  height: 30px;
  color: var(--primary-bg-color);
}

.shopping-carttable .input-group .input-group-btn:first-child {
  border: 1px solid #e6ebf1;
  border-right: 0;
  height: 37px;
  border-radius: 7px 0 0 7px;
}

.shopping-carttable .input-group .input-group-btn:last-child {
  border: 1px solid #e6ebf1;
  border-left: 0;
  height: 37px;
  border-radius: 0 7px 7px 0;
}

.register-3 hr {
  border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.register-3 .hrregister3 {
  margin-bottom: 0.5rem !important;
  margin-top: 0.5rem !important;
  background-color: transparent;
}

.register-3 .form-control {
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #fff;
}

.register-3 .form-control:focus {
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  background-color: #5c45b5;
}

.register-3 .input-group-text {
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid #755fce !important;
  color: rgba(255, 255, 255, 0.5);
  border-right: 0 !important;
}

.register-3 input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.register-3 .custom-control-label:before {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.5);
}

.register-3
  .custom-checkbox
  .custom-control-input:checked
  ~ .custom-control-label::before {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(0, 0, 0, 0.2);
}

.register-3 .btn-list .btn {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.register-2:before {
  height: 100%;
  position: absolute;
  background-color: var(--primary08);
  right: 0;
  bottom: 0;
}

.register-2 .input-group-prepend .input-group-text,
.register1 .input-group-prepend .input-group-text {
  border: 1px solid #e6ebf1;
  border-radius: 5px 0 0 5px;
}

.register-2 .form-control:focus,
.register1 .form-control:focus {
  border-color: #e6ebf1 !important;
}

.register-2 hr.divider:after {
  content: "OR";
  display: block;
  position: relative;
  top: -1.5em;
  font-size: 11px;
  padding: 0 0.25em;
  background: #755fce;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  z-index: 9;
  left: 0;
  right: 0;
  line-height: 30px;
  margin: 0 auto;
  font-weight: 500;
  border: 1px solid #cecddc;
  text-align: center;
}

.register-2 .divider {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.register-2 .input-group-text,
.register1 .input-group-text {
  border-right: 0 !important;
}

.register-1 {
  width: 100%;
  height: 100%;
  z-index: 999;
  border-radius: 7px 0 0 7px;
  overflow: hidden;
}

.register-1:before {
  height: 100%;
  position: absolute;
  background: rgba(102, 77, 201, 0.85);
  right: 0;
  bottom: 0;
}

.construction {
  background-image: url(../images/photos/register4.jpg);
  width: 100%;
  height: 100%;
  z-index: 999;
}

.construction:before {
  height: 100%;
  position: absolute;
  background: linear-gradient(#2c3e50, #bdc3c7);
  opacity: 0.5;
  right: 0;
  bottom: 0;
}

.construction .countdown li:first-child {
  background-image: linear-gradient(to right, var(--primary-bg-color), #876eef);
}

.construction .countdown li:nth-child(2) {
  background-image: linear-gradient(to right, #1d976c, #47b182);
}

.construction .countdown li:nth-child(3) {
  background-image: linear-gradient(to right, #fa5420, #ea7f5d);
}

.construction .countdown li:nth-child(4) {
  background-image: linear-gradient(to right, #5b73e8, #43a0c7);
}

.bg-contacthead {
  border-radius: 0 8px 0 0;
  background-image: url(../images/photos/contact-3.jpg);
  position: relative;
}

.bg-contacthead:before {
  background: linear-gradient(
    to right top,
    var(--primary-bg-color),
    #6357d1,
    #6161d9,
    #5e6ae1,
    #5b73e8
  );
  position: absolute;
  height: 100%;
  display: block;
  opacity: 0.7;
  border-radius: 0 8px 0 0 !important;
}

.bg-gradient {
  background: url(../images/photos/contact-2.jpg) !important;
  position: relative;
}

.bg-gradient:before {
  position: absolute;
  background: linear-gradient(
    to right top,
    var(--primary-bg-color),
    #6357d1,
    #6161d9,
    #5e6ae1,
    #5b73e8
  ) !important;
  height: 100%;
  opacity: 0.8;
  border-radius: 0.3rem 0.3rem 0 0;
}

.bg-gradient .option-dots {
  position: relative;
  color: #fff !important;
}

.headerstyle-1 .header .nav-unread {
  top: 0.17rem;
  right: 0.95rem;
}

.headerstyle-1 .header .notifyimg,
.headerstyle-2 .header .notifyimg {
  height: 40px;
  line-height: 40px;
}

.headerstyle-1 .header .dropdown-menu,
.headerstyle-2 .header .dropdown-menu,
.headerstyle-3 .header .dropdown-menu {
  animation: none;
  left: initial !important;
  top: 0 !important;
}

.headerstyle-2 .header .header-brand .header-brand-img,
.toast-header h6 {
  margin-top: 2px;
}

.headerstyle-2 .header .form-inline .btn {
  top: -16px;
  padding-top: 18px !important;
}

.headerstyle-2 .header .search-element {
  top: 0 !important;
}

.headerstyle-2 .header .nav-unread {
  top: 0.2rem;
  right: 0.9rem;
}

.headerstyle-2 .header .bg-warning {
  right: 6px;
}

.headerstyle-2 .header .form-inline .form-control {
  margin-top: -5px;
  padding-top: 7px;
}

.headerstyle-3 .header .header-brand .header-brand-img {
  margin-top: 12px;
}

.headerstyle-3 .header .profile-dropdown {
  border-right: 0px solid #e6ebf1 !important;
}

.headerstyle-3 .header .pulse {
  right: 8px;
  top: 19px;
}

.headerstyle-3
  .header
  .profile-dropdown
  .show.dropdown-menu[data-popper-placement^="bottom"],
.rtl .header-message .show.dropdown-menu {
  left: 0 !important;
}

.example-popover {
  z-index: 99 !important;
}

@media (max-width: 1440px) and (min-width: 1024px) {
  .recent-activity {
    height: 420px !important;
    overflow: auto;
  }
}

.fileinput-button,
.loader8,
.media-body,
.toast {
  overflow: hidden;
}

.table-inbox tr:last-child {
  border-bottom-color: #e6ebf1 !important;
}

.btn-close {
  background-image: none !important;
  margin-top: -4px;
}

.chat-line-friright + .chat-line-friright .chat-message:after,
.dark-layout,
.login-page .dark-logo,
.wizard > .steps > ul li .current-info {
  display: none;
}

.responsive-search-icon .header-icon.search-icon {
  fill: #fff !important;
}

#checkoutsteps ul {
  list-style: none !important;
  padding: 0;
  margin: 0;
  display: flex;
}

#checkoutsteps ul[role="tablist"] li {
  display: flex;
  z-index: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  flex-basis: auto;
  font-weight: 500;
  font-size: 1.1rem;
}

#checkoutsteps > .steps a {
  display: block;
  width: auto;
  background-color: transparent;
  color: #2d2c40;
  font-size: 16px;
  font-weight: 400;
  padding: 14px 0;
  text-decoration: none;
  border-radius: 30px;
  cursor: default;
  text-align: center;
  outline: 0;
}

#checkoutsteps > .steps .current a .number,
#sidebar li a.active,
#sidebar li a[aria-expanded="true"],
.card-pay .tabs-menu li a.active,
.form-help:hover,
.form-help[aria-describedby] {
  background: var(--primary-bg-color);
  color: #fff;
}

.example .btn:hover .badge,
.ql-bubble .ql-tooltip {
  background-color: #fff !important;
}

#checkoutsteps .item .thumb {
  display: inline-flex;
  width: 100px;
  height: 90px;
  justify-content: center;
  align-items: center;
  border: 1px solid #f2f2f2;
}

#checkoutsteps .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 30px;
}

#checkoutsteps .item .purchase {
  text-decoration: none;
  display: inline-block;
  margin-left: 21px;
}

#checkoutsteps .total {
  float: right;
  color: var(--primary-bg-color);
}

#checkoutsteps > .steps {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 3px;
  padding: 0;
}

#checkoutsteps.wizard {
  border-radius: 10px;
}

.wizard > .content > .title {
  font-size: 18px;
  color: #8f9cc0;
  font-weight: 700;
  margin-bottom: 5px;
  display: none;
}

.multi-wrapper .item-1:hover,
.tabs-menu .shop-des-tabs li .active,
.tabs-menu ul li .active {
  color: var(--primary-bg-color) !important;
}

.wizard > .content > .body {
  float: none;
  position: static;
  width: auto;
  height: auto;
}

.card-pay .tabs-menu.nav li,
.rtl .fc-view.fc-listMonth-view .fc-list-item > td.fc-list-item-time,
.rtl .fc-view.fc-listWeek-view .fc-list-item > td.fc-list-item-time {
  border-right: 1px solid #e6ebf1;
}

.card-pay .tabs-menu.nav li:last-child,
.dark-mode .card-pay .tabs-menu.nav li:last-child,
.rtl .richText-toolbar ul:first-child {
  border-right: 0px;
}

.dark-mode .card-pay .tabs-menu.nav li {
  border-right: 1px solid #32394e;
}

.card-pay .tabs-menu li {
  width: 33.3%;
  display: block;
}

.card-pay .tabs-menu li a {
  padding: 0.7rem 1rem;
  display: block;
  text-align: center;
}

.card-pay .tabs-menu {
  margin-bottom: 25px;
  border-radius: 5px;
  overflow: hidden;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body,
.panel-group1 .panel-body {
  padding: 15px;
}

.header .profile-dropdown .dropdown-menu {
  min-width: 10rem;
}

.apexcharts-legend {
  margin: -11px;
}

.apexcharts-xaxis text,
.apexcharts-yaxis text {
  fill: #8897a5;
  font-size: 12px;
  font-family: Poppins, sans-serif;
}

.Recent-transactions-img {
  width: 37px;
  height: 37px;
  text-align: center;
  justify-content: center;
  line-height: 37px;
  margin-right: 12px;
}

#tabs-style4 .nav.panel-tabs,
.loader8 {
  justify-content: center;
}

.page-rightheader .btn-pill,
.user-contact-list .dropdown-menu {
  border-radius: 0.25rem;
}

.img-options-remove {
  position: absolute;
  left: 16px;
  font-size: 16px;
  margin-top: -10px;
}

.tabs-menu .shop-des-tabs li .active {
  border: 1px solid var(--primary-bg-color);
}

.user-contact-list .card-header.bg-gradient {
  border-radius: 0.3rem !important;
}

.calendar-image {
  margin-top: 2.5rem;
}

table.table-bordered.dataTable td:first-child,
table.table-bordered.dataTable th:first-child {
  border-left-width: 0 !important;
}

#delete-datatable tr.selected {
  background: #f3f6f8;
}

.progress-bar-custom {
  background-color: #6563ff;
}

.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid #fff !important;
}

hr:not([size]) {
  height: 0 !important;
}

.example .btn:hover .badge {
  color: #495047;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 32px !important;
}

.product-details .tabs-menu ul li .active {
  background-color: transparent !important;
}

.purchase {
  color: #495047 !important;
}

.register1:before {
  height: 100%;
  position: absolute;
  background-color: #ebebf3;
  right: 0;
  bottom: 0;
}

.register-3:before {
  height: 100%;
  position: absolute;
  background-color: rgba(102, 77, 201, 0.1);
  right: 0;
  bottom: 0;
}

#left-defaults,
#left-events,
#right-defaults {
  touch-action: none;
}

#spark1 .apexcharts-area-series .apexcharts-area,
#spark1 .apexcharts-line,
#spark1 .apexcharts-tooltip .apexcharts-marker,
#spark2 .apexcharts-area-series .apexcharts-area,
#spark2 .apexcharts-line,
#spark2 .apexcharts-tooltip .apexcharts-marker,
#spark3 .apexcharts-area-series .apexcharts-area,
#spark3 .apexcharts-line,
#spark3 .apexcharts-tooltip .apexcharts-marker,
#spark4 .apexcharts-area-series .apexcharts-area,
#spark4 .apexcharts-line,
#spark4 .apexcharts-tooltip .apexcharts-marker {
  pointer-events: none;
  fill: transparent;
}

.legend {
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 2px;
  margin-right: 10px;
  margin-top: 6px;
}

.morris-legends {
  margin-bottom: 0;
  padding-left: 10px;
  text-align: center;
}

.bg-primary-light-1 {
  background-color: #8976d5;
}

.bg-primary-light-2 {
  background-color: #ab9de1;
}

.bg-success-light-1 {
  background-color: #5dd59f;
}

.bg-success-light-2 {
  background-color: #85e0b7;
}

.bg-warning-light-1 {
  background-color: #fb3;
}

.bg-warning-light-2 {
  background-color: #fc6;
}

.bg-danger-light-1 {
  background-color: #f37272;
}

.bg-danger-light-2 {
  background-color: #f7a1a1;
}

.toast,
.toast-header {
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
}

.btn-animation .btn-loaders:after {
  content: "";
  -webkit-animation: 0.5s linear infinite loader;
  animation: 0.5s linear infinite loader;
  border: 2px solid #fff;
  border-radius: 50%;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  display: block;
  height: 1.4em;
  width: 1.4em;
  right: 20px !important;
  top: calc(50% - 0.7em);
  -webkit-transform-origin: center;
  transform-origin: center;
  position: absolute !important;
}

.btn-animation .loading {
  margin-right: 20px;
}

.btn-animation .btn-loaders {
  color: #fff !important;
  pointer-events: none;
  position: relative;
  padding-right: 46px;
}

.mr-negative-16 {
  margin-right: -18px;
}

.pos-static {
  position: static;
}

#tabs-style4 .tabs-menu ul li a {
  margin: 3px 15px;
}

@media (max-width: 500px) {
  .fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-top: 5px;
  }

  .btn-close {
    margin-top: 6px;
  }
}

@media (max-width: 480px) {
  .responsive-navbar .badge,
  .tabs-menu ul li {
    margin: 0;
  }

  .notification .notification-icon,
  .notification .notification-time,
  .notification:before {
    display: none;
  }

  .notification .notification-body {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .badge {
    margin: 0 !important;
  }

  .intl-tel-input input {
    width: 180px !important;
  }

  #tabs-style4 .tabs-menu ul li a {
    margin: 3px 0;
  }

  .pro-details li {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .multi-wrapper .item-group-1 .group-label {
    line-height: 25px !important;
    height: 60px !important;
  }

  .multi-wrapper .item-1 {
    height: 48px !important;
    line-height: 18px !important;
  }

  .ui-datepicker-multi .ui-datepicker-group,
  .ui-datepicker-multi .ui-datepicker-group table {
    width: 100% !important;
  }

  .rtl .ah-actions {
    margin-left: 10px !important;
    margin-right: inherit !important;
  }
}

@media (max-width: 568px) {
  .header-brand-img {
    height: 2rem;
    top: 22px;
  }

  .dark-mode .header-brand-img.dark-logo {
    margin-top: 0 !important;
  }

  .card-pay .tabs-menu li {
    width: 100%;
  }

  .construction .display-3 {
    font-size: 2.5rem;
  }

  .pro-user-username {
    margin-top: 1.5rem;
  }
}

.widget-user-image1 .avatar {
  width: 9rem;
  height: 9rem;
}

@media (max-width: 1025px) {
  .pro-user-username {
    margin-top: 1.5rem;
  }
}

@media (max-width: 327px) {
  .profile-share button.pull-right {
    float: none;
  }

  .comming .display-2 {
    font-size: 2.5rem;
  }
}

@media (max-width: 380px) {
  .wizard.vertical > .steps ul li .title {
    display: none !important;
  }
}

#spark1 .apexcharts-canvas,
#spark2 .apexcharts-canvas,
#spark3 .apexcharts-canvas,
#spark4 .apexcharts-canvas {
  width: auto !important;
}

.apexcharts-tooltip.light {
  border: 1px solid transparent !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

.apexcharts-tooltip.light .apexcharts-tooltip-title {
  background: rgba(255, 255, 255, 0.1) !important;
  border-bottom: 1px solid transparent !important;
}

.country {
  width: 1.1rem !important;
  height: 0.8rem !important;
  line-height: 1.4rem !important;
}

.country-selector {
  padding: 0.3rem;
  border-right: 1px solid #e6ebf1 !important;
}

.country-selector .nav-link {
  color: #495046;
}

.country-selector .nav-link:hover {
  color: #495046 !important;
}

.flag-dropdown .selected-flag {
  border-radius: 4px 0 0 4px !important;
  padding: 9px 24px 11px 16px !important;
}

@media (min-width: 991.98px) and (max-width: 1400px) {
  .hor-header .header-search {
    min-width: 14rem !important;
    border: 1px solid #e6ebf1 !important;
  }
}

@media (max-width: 992.98px) {
  .hor-header .header-search .btn {
    top: 5px !important;
  }
}

.demo-icon .switcher-icon {
  fill: #fff !important;
  color: #fff !important;
}

.toast {
  width: 300px;
  font-size: 0.875rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1) !important;
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.55rem 0.75rem;
  border-bottom: 1px solid #e6ebf1;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.toast-body,
.toast-main {
  padding: 1rem;
}

.toast-header .btn-close {
  font-weight: 500;
  margin-top: 0;
  margin-right: 0;
  font-size: 20px;
}

.dimmer.active .loader,
.fileupload-processing .fileupload-loading,
.form-group,
.login-page .desktop-lgo,
.media-body,
.media-left,
.media-right,
.pagination-btn svg,
.sidebar-mini .sub-slide.is-expanded .sub-slide-menu,
.slide.is-expanded .slide-menu,
.toast.show {
  display: block;
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.file-image .icons,
.file-image-1 .icons {
  margin: 0;
  transition: 0.5s;
  z-index: 1;
  opacity: 0;
  list-style: none;
}

.toast-main {
  border: 1px solid #f0f2f8;
  font-size: 0.9375rem;
  border-radius: 11px;
}

.toast-main .r-10 {
  right: 10px !important;
}

.toast-main .t-10 {
  top: 10px !important;
}

.file-images-noraml {
  width: 100px;
  height: 100px;
}

.file-images-md {
  width: 150px;
  height: 150px;
}

.file-images-lg {
  width: 200px;
  height: 200px;
}

.file-image-1 {
  display: inline-table;
  margin: 4px 4px 20px;
  position: relative;
  border: 1px solid #e9edf4;
  border-radius: 5px;
}

.file-image .icons .btn,
.file-image-1 .icons .btn {
  border-radius: 50px;
  transition: 0.3s ease-in-out;
  min-width: inherit;
  padding: 0;
  display: block;
  color: #fff;
}

.file-image .icons li {
  display: block;
  margin: 5px;
}

.file-image .icons {
  padding: 0;
  right: 22px;
  top: 14px;
  position: absolute;
  bottom: -3px;
  text-align: right;
}

.file-image-1 .file-name-1,
.file-name {
  right: 0;
  left: 0;
  position: absolute;
  font-weight: 500;
}

.file-name {
  bottom: 20px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.file-image .icons .btn {
  font-size: 15px;
  line-height: 35px;
  text-align: center;
  height: 35px;
  width: 35px;
  margin: 2px 7px;
  position: relative;
}

.file-image-1:hover .icons,
.file-image:hover .icons {
  opacity: 1;
  bottom: 33px;
}

.file-image-1 .file-name-1 {
  bottom: -22px;
  color: #524d4d;
  font-size: 12px;
  text-align: center;
}

.file-image-1 .icons {
  padding: 0;
  right: 7px;
  top: 6px;
  position: absolute;
  bottom: 0;
  text-align: right;
}

.file-image-1 .icons .btn {
  font-size: 12px;
  line-height: 26px;
  text-align: center;
  height: 25px;
  width: 25px;
  margin: 4px 1px;
  position: relative;
}

.notification {
  padding: 0;
  position: relative;
}

.notification > li {
  position: relative;
  min-height: 50px;
  padding: 15px 0;
}

.notification .notification-time {
  position: absolute;
  left: -7px;
  width: 18%;
  text-align: right;
  top: 30px;
}

.notification .notification-time .date {
  line-height: 16px;
  font-size: 13px;
  margin-bottom: 4px;
  color: #8f8fb1;
}

.notification .notification-time .time {
  line-height: 24px;
  font-size: 21px;
  color: #8f8fb1;
}

.notification .notification-time .date,
.notification .notification-time .time {
  display: block;
  font-weight: 500;
}

.notification .notification-icon {
  left: 15%;
  position: absolute;
  width: 10%;
  text-align: center;
  top: 41px;
}

.notification .notification-icon a {
  text-decoration: none;
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  line-height: 10px;
  color: #fff;
  font-size: 14px;
  border: 3px solid var(--primary-bg-color);
  transition: border-color 0.2s linear;
}

.notification-time-date {
  color: #8f8fb1;
  font-size: 16px;
  font-weight: 500;
}

.notification .notification-body {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.03);
  margin-left: 25%;
  margin-right: 18%;
  background: #fff;
  position: relative;
  padding: 14px 20px;
  border-radius: 6px;
}

.notification:before {
  content: "";
  position: absolute;
  top: 15px;
  bottom: 15px;
  width: 3px;
  background: rgba(108, 95, 252, 0.2);
  left: 20%;
  margin-left: -1px;
}

.notify-time {
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: 25px;
}

.product-label {
  margin-bottom: 0.5rem;
  padding: 0.4em 0.6em;
  font-size: 75%;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 7px;
  background: rgba(178, 177, 183, 0.1);
  float: right;
}

.list-group-item a {
  color: #282f53;
}

.media-body {
  zoom: 1;
  width: auto;
  flex: 1;
}

#statistics svg,
.apexcharts-canvas,
.rtl .chartjs-size-monitor-shrink {
  width: 100% !important;
}

.login-page .demo-icon {
  position: absolute;
  left: auto;
  right: 60px;
  top: 60px;
  z-index: 1;
}

.login-page .demo-icon svg {
  color: #fff !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  padding: 0;
}

.user-details li {
  display: flex;
  align-items: center;
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.alert p,
.app-notification__message,
.app-notification__meta,
.example-column > .card:last-of-type,
.feature p,
.tab_wrapper .content_wrapper .tab_content.active p:last-child,
.tabs-menu-body p:last-child,
.user-details li span {
  margin-bottom: 0;
}

.mail-box {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.mail-box aside {
  display: table-cell;
  float: none;
  height: 100%;
  padding: 0;
  vertical-align: top;
}

.mail-box .sm-side {
  background: #e5e8ef;
  border-radius: 4px 0 0 4px;
  width: 25%;
}

.mail-box .lg-side {
  background: #fff;
  border-radius: 0 4px 4px 0;
  width: 75%;
}

.mail-box .sm-side .user-head {
  background: #00a8b3;
  border-radius: 4px 0 0;
  color: #fff;
  min-height: 80px;
  padding: 10px;
}

.user-head .inbox-avatar {
  float: left;
  width: 65px;
}

.user-head .user-name {
  display: inline-block;
  margin: 0 0 0 10px;
}

.user-head .user-name h5 {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 15px;
}

.user-head .user-name span a {
  color: #87e2e7;
  font-size: 12px;
}

a.mail-dropdown {
  background: #80d3d9;
  border-radius: 2px;
  color: #01a7b3;
  font-size: 10px;
  margin-top: 20px;
  padding: 3px 5px;
}

.inbox-head h3,
ul.inbox-nav {
  display: inline-block;
  margin: 0;
}

.btn-compose {
  background: #ff6c60;
  color: #fff;
  padding: 12px 0;
  text-align: center;
  width: 100%;
}

.btn-compose:hover {
  background: #f5675c;
  color: #fff;
}

ul.inbox-nav {
  padding: 0;
  width: 100%;
}

.inbox-divider {
  border-bottom: 1px solid #d5d8df;
}

ul.inbox-nav li {
  display: inline-block;
  line-height: 45px;
  width: 100%;
}

ul.inbox-nav li a {
  color: #6a6a6a;
  display: inline-block;
  line-height: 45px;
  padding: 0 20px;
  width: 100%;
}

ul.inbox-nav li a:focus,
ul.inbox-nav li a:hover,
ul.inbox-nav li.active a,
ul.labels-info li a:focus,
ul.labels-info li a:hover {
  background: #d5d7de;
  color: #6a6a6a;
}

ul.inbox-nav li a i {
  color: #6a6a6a;
  font-size: 16px;
  padding-right: 10px;
}

ul.inbox-nav li a span.label {
  margin-top: 13px;
}

ul.labels-info li h4 {
  color: #5c5c5e;
  font-size: 13px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  text-transform: uppercase;
}

ul.labels-info li a {
  border-radius: 0;
  color: #6a6a6a;
}

.app-notification__icon,
ul.labels-info li a i {
  padding-right: 10px;
}

.nav.nav-pills.nav-stacked.labels-info p {
  color: #9d9f9e;
  font-size: 11px;
  margin-bottom: 0;
  padding: 0 22px;
}

.inbox-head {
  border-radius: 3px;
  padding: 10px;
}

.inbox-head .sr-input {
  border: none;
  border-radius: 4px 0 0 4px;
  box-shadow: none;
  color: #8a8a8a;
  float: left;
  height: 30px;
  padding: 0 10px;
}

.inbox-head .sr-btn {
  background: #38a01e;
  border: none;
  border-radius: 0 4px 4px 0;
  color: #fff;
  height: 30px;
  padding: 0 20px;
}

.table-inbox {
  border: 1px solid #e6ebf1;
  margin-bottom: 0;
}

.table-inbox tr td {
  padding: 12px !important;
  vertical-align: middle;
}

.table-inbox tr td .fa-star {
  color: #e4e4ed;
  font-size: 16px;
}

.table-inbox tr td .fa-star.inbox-lefted,
.table-inbox tr td .fa-star:hover {
  color: #e6e9f1;
}

.table-inbox tr td .fa-bookmark {
  color: #e4e4ed;
}

.email-icon,
.table-inbox tr td.view-message i {
  display: block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 100%;
  font-size: 16px !important;
  box-shadow: 0 2px 3px rgba(4, 4, 7, 0.1);
  border: 1px solid #e6ebf1;
  vertical-align: middle;
  color: #5c678f;
}

.browser,
.flag,
.payment {
  vertical-align: bottom;
  font-style: normal;
}

.table-inbox tr.unread td {
  background: #f0f0f2;
  font-weight: 600;
  border-bottom: 1px solid #e6ebf1;
}

.attachment-mail .file-name,
.jvectormap-legright-cnt-h .jvectormap-legright .jvectormap-legright-tick,
.rtl .badgetext,
.rtl .btn-close,
.rtl .footer .social ul li,
.rtl .lg-toolbar .lg-icon,
.rtl .notifyimg,
.rtl .product-label,
.rtl .sub-angle,
.rtl .tab_wrapper .content_wrapper .accordian_header .arrow,
ul.inbox-pagination li {
  float: left;
}

.mail-option {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}

.mail-option .btn-group a.btn,
.mail-option .chk-all {
  border: 1px solid #e6ebf1;
  border-radius: 3px !important;
  display: inline-block;
  padding: 5px 10px;
}

.mail-chats,
ul.mail-chats li.chat-persons a div.user {
  display: flex !important;
}

.inbox-pagination a.np-btn {
  border: 1px solid #e6ebf1;
  border-radius: 3px !important;
  display: inline-block;
  padding: 5px 15px;
  margin-left: 5px;
}

.mail-option .btn-group a.all {
  border: none;
  padding: 0;
}

.inbox-pagination li span {
  display: inline-block;
  margin-right: 5px;
  margin-top: 7px;
}

.inbox-body .modal .modal-body input,
.inbox-body .modal .modal-body textarea {
  border: 1px solid #e6e6e6;
  box-shadow: none;
}

.btn-sright {
  background: #00a8b3;
  color: #fff;
}

.btn-sright:hover {
  background: #009da7;
  color: #fff;
}

.heading-inbox h4 {
  border-bottom: 1px solid #ddd;
  color: #444;
  font-size: 18px;
  margin-top: 20px;
  padding-bottom: 10px;
}

.srighter-info {
  margin-bottom: 20px;
}

.srighter-info img {
  height: 30px;
  width: 30px;
}

.srighter-dropdown {
  background: #e6ebf1;
  color: #777;
  font-size: 10px;
  padding: 0 3px;
}

.view-mail a {
  color: #ff6c60;
}

.attachment-mail ul {
  display: inline-block;
  margin-bottom: 30px;
  width: 100%;
}

.attachment-mail ul li {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  width: 150px;
}

.attachment-mail .links {
  display: inline-block;
  width: 100%;
}

.fileinput-button {
  float: left;
  margin-right: 4px;
  position: relative;
}

.fileinput-button input {
  cursor: pointer;
  direction: ltr;
  font-size: 23px;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(-300px, 0) scale(4);
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}

.mail-chats {
  height: 100%;
  min-height: 0;
  border-top: 1px solid rgba(128, 128, 128, 0.16);
  margin-top: 10px;
  padding: 10px 50px 10px 0;
  width: 100%;
  flex-direction: column !important;
}

.browser,
.fe,
.flag,
.payment {
  display: inline-block;
}

.mail-chats li.chat-persons {
  padding: 10px;
  display: block;
}

li.chat-persons a {
  text-decoration: none;
}

.mail-chats li.chat-persons a span.pro-pic {
  display: inline-block;
  padding: 0;
  width: 20%;
  max-width: 40px;
  float: left;
  margin-right: 20px;
}

.mail-chats li.chat-persons a span.pro-pic img {
  max-width: 100%;
  width: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  flex-direction: column !important;
}

.mail-chats li.chat-persons a div.user {
  flex-direction: column !important;
}

.mail-chats li.chat-persons.user {
  width: 80%;
  padding: 5px 10px 0 15px;
  flex-direction: column !important;
  display: flex !important;
}

.user p.u-name {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #1f2127;
}

.user p.u-designation {
  margin: 0;
  font-size: 11px;
  color: #6b6f80;
}

div.online-status .status.online {
  background: rgba(0, 128, 0, 0.68);
}

.online-status .status {
  height: 10px;
  width: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  display: inline-flex;
  justify-content: flex-left;
  transform: translateX(-60px) translateY(2px);
}

.online-status .status.offline {
  background: rgba(255, 0, 0, 0.7);
}

.card .list-group.mail-inbox-elements {
  border-bottom: 1px solid #e6ebf1 !important;
}

@font-face {
  font-family: feather;
}

.fe {
  font-family: feather !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-top: 2px;
}

.spinner3,
.spinner4 {
  margin: 100px auto;
  text-align: center;
}

.fe-activity:before {
  content: "\e900";
}

.fe-airplay:before {
  content: "\e901";
}

.fe-alert-circle:before {
  content: "\e902";
}

.fe-alert-octagon:before {
  content: "\e903";
}

.fe-alert-triangle:before {
  content: "\e904";
}

.fe-align-center:before {
  content: "\e905";
}

.fe-align-justify:before {
  content: "\e906";
}

.fe-align-left:before {
  content: "\e907";
}

.fe-align-right:before {
  content: "\e908";
}

.fe-anchor:before {
  content: "\e909";
}

.fe-aperture:before {
  content: "\e90a";
}

.fe-arrow-down:before {
  content: "\e90b";
}

.fe-arrow-down-circle:before {
  content: "\e90c";
}

.fe-arrow-down-left:before {
  content: "\e90d";
}

.fe-arrow-down-right:before {
  content: "\e90e";
}

.fe-arrow-left:before {
  content: "\e90f";
}

.fe-arrow-left-circle:before {
  content: "\e910";
}

.fe-arrow-right:before {
  content: "\e911";
}

.fe-arrow-right-circle:before {
  content: "\e912";
}

.fe-arrow-up:before {
  content: "\e913";
}

.fe-arrow-up-circle:before {
  content: "\e914";
}

.fe-arrow-up-left:before {
  content: "\e915";
}

.fe-arrow-up-right:before {
  content: "\e916";
}

.fe-at-sign:before {
  content: "\e917";
}

.fe-award:before {
  content: "\e918";
}

.fe-bar-chart:before {
  content: "\e919";
}

.fe-bar-chart-2:before {
  content: "\e91a";
}

.fe-battery:before {
  content: "\e91b";
}

.fe-battery-charging:before {
  content: "\e91c";
}

.fe-bell:before {
  content: "\e91d";
}

.fe-bell-off:before {
  content: "\e91e";
}

.fe-bluetooth:before {
  content: "\e91f";
}

.fe-bold:before {
  content: "\e920";
}

.fe-book:before {
  content: "\e921";
}

.fe-book-open:before {
  content: "\e922";
}

.fe-bookmark:before {
  content: "\e923";
}

.fe-box:before {
  content: "\e924";
}

.fe-briefcase:before {
  content: "\e925";
}

.fe-calender:before {
  content: "\e926";
}

.fe-camera:before {
  content: "\e927";
}

.fe-camera-off:before {
  content: "\e928";
}

.fe-cast:before {
  content: "\e929";
}

.fe-check:before {
  content: "\e92a";
}

.fe-check-circle:before {
  content: "\e92b";
}

.fe-check-square:before {
  content: "\e92c";
}

.fe-chevron-down:before {
  content: "\e92d";
}

.fe-chevron-left:before {
  content: "\e92e";
}

.fe-chevron-right:before {
  content: "\e92f";
}

.fe-chevron-up:before {
  content: "\e930";
}

.fe-chevrons-down:before {
  content: "\e931";
}

.fe-chevrons-left:before {
  content: "\e932";
}

.fe-chevrons-right:before {
  content: "\e933";
}

.fe-chevrons-up:before {
  content: "\e934";
}

.fe-chrome:before {
  content: "\e935";
}

.fe-circle:before {
  content: "\e936";
}

.fe-clipboard:before {
  content: "\e937";
}

.fe-clock:before {
  content: "\e938";
}

.fe-cloud:before {
  content: "\e939";
}

.fe-cloud-drizzle:before {
  content: "\e93a";
}

.fe-cloud-lightning:before {
  content: "\e93b";
}

.fe-cloud-off:before {
  content: "\e93c";
}

.fe-cloud-rain:before {
  content: "\e93d";
}

.fe-cloud-snow:before {
  content: "\e93e";
}

.fe-code:before {
  content: "\e93f";
}

.fe-codepen:before {
  content: "\e940";
}

.fe-command:before {
  content: "\e941";
}

.fe-compass:before {
  content: "\e942";
}

.fe-copy:before {
  content: "\e943";
}

.fe-corner-down-left:before {
  content: "\e944";
}

.fe-corner-down-right:before {
  content: "\e945";
}

.fe-corner-left-down:before {
  content: "\e946";
}

.fe-corner-left-up:before {
  content: "\e947";
}

.fe-corner-right-down:before {
  content: "\e948";
}

.fe-corner-right-up:before {
  content: "\e949";
}

.fe-corner-up-left:before {
  content: "\e94a";
}

.fe-corner-up-right:before {
  content: "\e94b";
}

.fe-cpu:before {
  content: "\e94c";
}

.fe-credit-card:before {
  content: "\e94d";
}

.fe-crop:before {
  content: "\e94e";
}

.fe-crosshair:before {
  content: "\e94f";
}

.fe-database:before {
  content: "\e950";
}

.fe-delete:before {
  content: "\e951";
}

.fe-disc:before {
  content: "\e952";
}

.fe-dollar-sign:before {
  content: "\e953";
}

.fe-download:before {
  content: "\e954";
}

.fe-download-cloud:before {
  content: "\e955";
}

.fe-droplet:before {
  content: "\e956";
}

.fe-edit:before {
  content: "\e957";
}

.fe-edit-2:before {
  content: "\e958";
}

.fe-edit-3:before {
  content: "\e959";
}

.fe-external-link:before {
  content: "\e95a";
}

.fe-eye:before {
  content: "\e95b";
}

.fe-eye-off:before {
  content: "\e95c";
}

.fe-facebook:before {
  content: "\e95d";
}

.fe-fast-forward:before {
  content: "\e95e";
}

.fe-feather:before {
  content: "\e95f";
}

.fe-file:before {
  content: "\e960";
}

.fe-file-minus:before {
  content: "\e961";
}

.fe-file-plus:before {
  content: "\e962";
}

.fe-file-text:before {
  content: "\e963";
}

.fe-film:before {
  content: "\e964";
}

.fe-filter:before {
  content: "\e965";
}

.fe-flag:before {
  content: "\e966";
}

.fe-folder:before {
  content: "\e967";
}

.fe-folder-minus:before {
  content: "\e968";
}

.fe-folder-plus:before {
  content: "\e969";
}

.fe-git-branch:before {
  content: "\e96a";
}

.fe-git-commit:before {
  content: "\e96b";
}

.fe-git-merge:before {
  content: "\e96c";
}

.fe-git-pull-request:before {
  content: "\e96d";
}

.fe-github:before {
  content: "\e96e";
}

.fe-gitlab:before {
  content: "\e96f";
}

.fe-globe:before {
  content: "\e970";
}

.fe-grid:before {
  content: "\e971";
}

.fe-hard-drive:before {
  content: "\e972";
}

.fe-hash:before {
  content: "\e973";
}

.fe-headphones:before {
  content: "\e974";
}

.fe-heart:before {
  content: "\e975";
}

.fe-help-circle:before {
  content: "\e976";
}

.fe-home:before {
  content: "\e977";
}

.fe-image:before {
  content: "\e978";
}

.fe-inbox:before {
  content: "\e979";
}

.fe-info:before {
  content: "\e97a";
}

.fe-instagram:before {
  content: "\e97b";
}

.fe-italic:before {
  content: "\e97c";
}

.fe-layers:before {
  content: "\e97d";
}

.fe-layout:before {
  content: "\e97e";
}

.fe-life-buoy:before {
  content: "\e97f";
}

.fe-link:before {
  content: "\e980";
}

.fe-link-2:before {
  content: "\e981";
}

.fe-linkedin:before {
  content: "\e982";
}

.fe-list:before {
  content: "\e983";
}

.fe-loader:before {
  content: "\e984";
}

.fe-lock:before {
  content: "\e985";
}

.fe-log-in:before {
  content: "\e986";
}

.fe-log-out:before {
  content: "\e987";
}

.fe-mail:before {
  content: "\e988";
}

.fe-map:before {
  content: "\e989";
}

.fe-map-pin:before {
  content: "\e98a";
}

.fe-maximize:before {
  content: "\e98b";
}

.fe-maximize-2:before {
  content: "\e98c";
}

.fe-menu:before {
  content: "\e98d";
}

.fe-message-circle:before {
  content: "\e98e";
}

.fe-message-square:before {
  content: "\e98f";
}

.fe-mic:before {
  content: "\e990";
}

.fe-mic-off:before {
  content: "\e991";
}

.fe-minimize:before {
  content: "\e992";
}

.fe-minimize-2:before {
  content: "\e993";
}

.fe-minus:before {
  content: "\e994";
}

.fe-minus-circle:before {
  content: "\e995";
}

.fe-minus-square:before {
  content: "\e996";
}

.fe-monitor:before {
  content: "\e997";
}

.fe-moon:before {
  content: "\e998";
}

.fe-more-horizontal:before {
  content: "\e999";
}

.fe-more-vertical:before {
  content: "\e99a";
}

.fe-move:before {
  content: "\e99b";
}

.fe-music:before {
  content: "\e99c";
}

.fe-navigation:before {
  content: "\e99d";
}

.fe-navigation-2:before {
  content: "\e99e";
}

.fe-octagon:before {
  content: "\e99f";
}

.fe-package:before {
  content: "\e9a0";
}

.fe-paperclip:before {
  content: "\e9a1";
}

.fe-pause:before {
  content: "\e9a2";
}

.fe-pause-circle:before {
  content: "\e9a3";
}

.fe-percent:before {
  content: "\e9a4";
}

.fe-phone:before {
  content: "\e9a5";
}

.fe-phone-call:before {
  content: "\e9a6";
}

.fe-phone-forwarded:before {
  content: "\e9a7";
}

.fe-phone-incoming:before {
  content: "\e9a8";
}

.fe-phone-missed:before {
  content: "\e9a9";
}

.fe-phone-off:before {
  content: "\e9aa";
}

.fe-phone-outgoing:before {
  content: "\e9ab";
}

.fe-pie-chart:before {
  content: "\e9ac";
}

.fe-play:before {
  content: "\e9ad";
}

.fe-play-circle:before {
  content: "\e9ae";
}

.fe-plus:before {
  content: "\e9af";
}

.fe-plus-circle:before {
  content: "\e9b0";
}

.fe-plus-square:before {
  content: "\e9b1";
}

.fe-pocket:before {
  content: "\e9b2";
}

.fe-power:before {
  content: "\e9b3";
}

.fe-printer:before {
  content: "\e9b4";
}

.fe-radio:before {
  content: "\e9b5";
}

.fe-refresh-ccw:before {
  content: "\e9b6";
}

.fe-refresh-cw:before {
  content: "\e9b7";
}

.fe-repeat:before {
  content: "\e9b8";
}

.fe-rewind:before {
  content: "\e9b9";
}

.fe-rotate-ccw:before {
  content: "\e9ba";
}

.fe-rotate-cw:before {
  content: "\e9bb";
}

.fe-rss:before {
  content: "\e9bc";
}

.fe-save:before {
  content: "\e9bd";
}

.fe-scissors:before {
  content: "\e9be";
}

.fe-search:before {
  content: "\e9bf";
}

.fe-sright:before {
  content: "\e9c0";
}

.fe-server:before {
  content: "\e9c1";
}

.fe-settings:before {
  content: "\e9c2";
}

.fe-share:before {
  content: "\e9c3";
}

.fe-share-2:before {
  content: "\e9c4";
}

.fe-shield:before {
  content: "\e9c5";
}

.fe-shield-off:before {
  content: "\e9c6";
}

.fe-shopping-bag:before {
  content: "\e9c7";
}

.fe-shopping-cart:before {
  content: "\e9c8";
}

.fe-shuffle:before {
  content: "\e9c9";
}

.fe-sidebar:before {
  content: "\e9ca";
}

.fe-skip-back:before {
  content: "\e9cb";
}

.fe-skip-forward:before {
  content: "\e9cc";
}

.fe-slack:before {
  content: "\e9cd";
}

.fe-slash:before {
  content: "\e9ce";
}

.fe-sliders:before {
  content: "\e9cf";
}

.fe-smartphone:before {
  content: "\e9d0";
}

.fe-speaker:before {
  content: "\e9d1";
}

.fe-square:before {
  content: "\e9d2";
}

.fe-star:before {
  content: "\e9d3";
}

.fe-stop-circle:before {
  content: "\e9d4";
}

.fe-sun:before {
  content: "\e9d5";
}

.fe-sunrise:before {
  content: "\e9d6";
}

.fe-sunset:before {
  content: "\e9d7";
}

.fe-tablet:before {
  content: "\e9d8";
}

.fe-tag:before {
  content: "\e9d9";
}

.fe-target:before {
  content: "\e9da";
}

.fe-terminal:before {
  content: "\e9db";
}

.fe-thermometer:before {
  content: "\e9dc";
}

.fe-thumbs-down:before {
  content: "\e9dd";
}

.fe-thumbs-up:before {
  content: "\e9de";
}

.fe-toggle-left:before {
  content: "\e9df";
}

.fe-toggle-right:before {
  content: "\e9e0";
}

.fe-trash:before {
  content: "\e9e1";
}

.fe-trash-2:before {
  content: "\e9e2";
}

.fe-trrighting-down:before {
  content: "\e9e3";
}

.fe-trrighting-up:before {
  content: "\e9e4";
}

.fe-triangle:before {
  content: "\e9e5";
}

.fe-truck:before {
  content: "\e9e6";
}

.fe-tv:before {
  content: "\e9e7";
}

.fe-twitter:before {
  content: "\e9e8";
}

.fe-type:before {
  content: "\e9e9";
}

.fe-umbrella:before {
  content: "\e9ea";
}

.fe-underline:before {
  content: "\e9eb";
}

.fe-unlock:before {
  content: "\e9ec";
}

.fe-upload:before {
  content: "\e9ed";
}

.fe-upload-cloud:before {
  content: "\e9ee";
}

.fe-user:before {
  content: "\e9ef";
}

.fe-user-check:before {
  content: "\e9f0";
}

.fe-user-minus:before {
  content: "\e9f1";
}

.fe-user-plus:before {
  content: "\e9f2";
}

.fe-user-x:before {
  content: "\e9f3";
}

.fe-users:before {
  content: "\e9f4";
}

.fe-video:before {
  content: "\e9f5";
}

.fe-video-off:before {
  content: "\e9f6";
}

.fe-voicemail:before {
  content: "\e9f7";
}

.fe-volume:before {
  content: "\e9f8";
}

.fe-volume-1:before {
  content: "\e9f9";
}

.fe-volume-2:before {
  content: "\e9fa";
}

.fe-volume-x:before {
  content: "\e9fb";
}

.fe-watch:before {
  content: "\e9fc";
}

.fe-wifi:before {
  content: "\e9fd";
}

.fe-wifi-off:before {
  content: "\e9fe";
}

.fe-wind:before {
  content: "\e9ff";
}

.fe-x:before {
  content: "\ea00";
}

.fe-x-circle:before {
  content: "\ea01";
}

.fe-x-square:before {
  content: "\ea02";
}

.fe-zap:before {
  content: "\ea03";
}

.fe-zap-off:before {
  content: "\ea04";
}

.fe-zoom-in:before {
  content: "\ea05";
}

.fe-zoom-out:before {
  content: "\ea06";
}

.browser {
  width: 1.25rem;
  height: 1.25rem;
  background: center/100% 100% no-repeat;
}

.payment {
  width: 1.5rem;
  height: 1.5rem;
  background: center/100% 100% no-repeat;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}

svg {
  -ms-touch-action: none;
  touch-action: none;
}

.dimmer .loader {
  display: none;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.dimmer.active .dimmer-content {
  opacity: 0.04;
  pointer-events: none;
}

.spinner3 {
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-animation: 2s linear infinite sk-rotate;
  animation: 2s linear infinite sk-rotate;
}

.dot1,
.dot2 {
  width: 60%;
  height: 60%;
  border-radius: 100%;
  display: inline-block;
}

.dot1,
.dot2,
.sk-circle .sk-child {
  position: absolute;
}

.dot1 {
  top: 0;
  -webkit-animation: 2s ease-in-out infinite sk-bounce;
  animation: 2s ease-in-out infinite sk-bounce;
}

.dot2 {
  -webkit-animation: 2s ease-in-out -1s infinite sk-bounce;
  animation: 2s ease-in-out -1s infinite sk-bounce;
  top: auto;
  bottom: 0;
}

@-webkit-keyframes sk-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

.spinner4 {
  width: 70px;
}

.sk-circle,
.sk-cube-grid,
.sk-folding-cube,
.spinner2 {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}

.spinner4 > div {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: 1.4s ease-in-out infinite both sk-bouncedelay;
  animation: 1.4s ease-in-out infinite both sk-bouncedelay;
}

.spinner4 .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner4 .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%,
  100%,
  80% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%,
  100%,
  80% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.sk-circle,
.spinner2 {
  position: relative;
}

.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.sk-circle .sk-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  border-radius: 100%;
  -webkit-animation: 1.2s ease-in-out infinite both sk-circleBounceDelay;
  animation: 1.2s ease-in-out infinite both sk-circleBounceDelay;
}

.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.sk-circle .sk-circle4,
.slide.is-expanded .angle {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}

.sk-circle .sk-circle2:before,
.spinner5 .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before,
.spinner5 .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-circle .sk-circle4:before,
.spinner5 .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before,
.spinner5 .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
  0%,
  100%,
  80% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%,
  100%,
  80% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  float: left;
  -webkit-animation: 1.3s ease-in-out infinite sk-cubeGridScaleDelay;
  animation: 1.3s ease-in-out infinite sk-cubeGridScaleDelay;
}

.sk-cube-grid .sk-cube1,
.sk-cube-grid .sk-cube5,
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2,
.sk-cube-grid .sk-cube6,
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4,
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%,
  100%,
  70% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }

  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%,
  100%,
  70% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }

  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}

.sk-folding-cube {
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

#back-to-top,
.spinner5 {
  width: 50px;
  text-align: center;
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: 2.4s linear infinite both sk-foldCubeAngle;
  animation: 2.4s linear infinite both sk-foldCubeAngle;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }

  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0);
    transform: perspective(140px) rotateX(0);
    opacity: 1;
  }

  100%,
  90% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes sk-foldCubeAngle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }

  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0);
    transform: perspective(140px) rotateX(0);
    opacity: 1;
  }

  100%,
  90% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

.spinner5 {
  margin: 100px auto;
  height: 40px;
  font-size: 10px;
}

.spinner5 > div {
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: 1.2s ease-in-out infinite sk-stretchdelay;
  animation: 1.2s ease-in-out infinite sk-stretchdelay;
}

@-webkit-keyframes sk-stretchdelay {
  0%,
  100%,
  40% {
    -webkit-transform: scaleY(0.4);
  }

  20% {
    -webkit-transform: scaleY(1);
  }
}

@keyframes sk-stretchdelay {
  0%,
  100%,
  40% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }

  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}

.spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  -webkit-animation: 1.2s ease-in-out infinite sk-rotateplane;
  animation: 1.2s ease-in-out infinite sk-rotateplane;
}

.spinner-lg {
  width: 100px;
  height: 100px;
  margin: 100px auto;
  -webkit-animation: 1.2s ease-in-out infinite sk-rotateplane;
  animation: 1.2s ease-in-out infinite sk-rotateplane;
}

@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }

  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }

  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0) rotateY(0);
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
  }

  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }

  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.spinner1 {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}

.spinner1-lg {
  width: 100px;
  height: 100px;
  position: relative;
  margin: 100px auto;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.6;
}

.double-bounce1 {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: 2s ease-in-out infinite sk-bounce;
  animation: 2s ease-in-out infinite sk-bounce;
}

.double-bounce2 {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: 2s ease-in-out -1s infinite sk-bounce;
  animation: 2s ease-in-out -1s infinite sk-bounce;
}

.cube1,
.cube2 {
  width: 15px;
  height: 15px;
  top: 0;
  left: 0;
  position: absolute;
}

@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.cube1 {
  -webkit-animation: 1.8s ease-in-out infinite sk-cubemove;
  animation: 1.8s ease-in-out infinite sk-cubemove;
}

.cube2 {
  -webkit-animation: 1.8s ease-in-out -0.9s infinite sk-cubemove;
  animation: 1.8s ease-in-out -0.9s infinite sk-cubemove;
}

.lds-heart,
.lds-ring {
  position: relative;
  width: 64px;
  height: 64px;
}

@-webkit-keyframes sk-cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }

  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }

  75% {
    -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
  }

  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@keyframes sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }

  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  }

  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }

  75% {
    transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
  }

  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

.lds-heart {
  transform: rotate(45deg);
  transform-origin: 32px 32px;
  margin: 100px auto;
}

.lds-heart div {
  top: 23px;
  left: 19px;
  position: absolute;
  width: 26px;
  height: 26px;
  animation: 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite lds-heart;
}

.input-with-icon i,
.input-with-icon svg {
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.lds-heart div:before {
  content: " ";
  position: absolute;
  display: block;
  width: 26px;
  height: 26px;
  left: -17px;
  border-radius: 50% 0 0 50%;
}

.lds-heart div:after {
  content: " ";
  position: absolute;
  display: block;
  width: 26px;
  height: 26px;
  top: -17px;
  border-radius: 50% 50% 0 0;
}

@keyframes lds-heart {
  0%,
  60% {
    transform: scale(0.95);
  }

  5% {
    transform: scale(1.1);
  }

  39% {
    transform: scale(0.85);
  }

  45% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.9);
  }
}

.lds-ring {
  margin: 100px auto;
}

.lds-hourglass,
.loader7 {
  height: 40px;
  margin: 100px auto;
  position: relative;
}

.lds-ring div {
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border-radius: 50%;
  animation: 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite lds-ring;
}

.lds-ring div:first-child {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.lds-hourglass {
  width: 40px;
}

.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 6px;
  animation: 1.2s infinite lds-hourglass;
}

@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  100% {
    transform: rotate(1800deg);
  }
}

.loader7 {
  width: 100px;
}

.circles {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: var(--cor-principal);
  border-radius: 50%;
  animation: 1.5s cubic-bezier(0.8, 0.5, 0.2, 1.4) infinite loading;
  transform-origin: bottom center;
  position: relative;
}

@keyframes loading {
  0% {
    transform: translateY(0);
    background-color: var(--cor-principal);
  }

  50% {
    transform: translateY(50px);
    background-color: #7c00dd;
    /* Cor roxa base */
  }

  100% {
    transform: translateY(0);
    background-color: #5b00a8;
    /* Um tom mais escuro de roxo */
  }
}

.circle-1 {
  animation-delay: 0.1s;
  background-color: #b86bff;
  /* Tom mais claro de roxo */
}

.circle-2 {
  animation-delay: 0.2s;
  background-color: #9c42ff;
  /* Tom intermediário mais claro */
}

.circle-3 {
  animation-delay: 0.3s;
  background-color: #8600ff;
  /* Tom intermediário */
}

.circle-4 {
  animation-delay: 0.4s;
  background-color: #6900d1;
  /* Tom intermediário mais escuro */
}

.circle-5 {
  animation-delay: 0.5s;
  background-color: #4f009a;
  /* Tom mais escuro de roxo */
}

.loader8 {
  display: flex;
  align-items: center;
  height: 40px;
  margin: 100px auto;
}

.circle1,
.circle1:before {
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

.circle1 {
  margin: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle1:before {
  content: "";
  opacity: 0.7;
  animation: 2s cubic-bezier(0, 0, 0.49, 1.02) infinite scale;
}

.circle-1:before {
  background-color: #4f009a;
  /* Tom mais escuro de roxo */
  animation-delay: 0.2s;
}

.circle-2:before {
  background-color: #6900d1;
  /* Tom intermediário mais escuro */
  animation-delay: 0.4s;
}

.circle-3:before {
  background-color: #8600ff;
  /* Tom intermediário */
  animation-delay: 0.6s;
}

.circle-4:before {
  background-color: #9c42ff;
  /* Tom intermediário mais claro */
  animation-delay: 0.8s;
}

.circle-5:before {
  background-color: #b86bff;
  /* Tom mais claro de roxo */
  animation-delay: 1s;
}

@keyframes scale {
  0% {
    transform: scale(1);
  }

  50%,
  75% {
    transform: scale(2.5);
  }

  100%,
  78% {
    opacity: 0;
  }
}

.table {
  color: #49b8e5, #1e98d4, #2a92d0, #3a88c8, #507cbe;
  width: 100%;
  margin-bottom: 0;
}

.text-wrap table {
  width: 100%;
  margin-bottom: 1rem;
}

.table td,
.table th {
  padding: 0.75rem;
  vertical-align: top;
  border: none;
}

.text-wrap table td,
.text-wrap table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #e6ebf1;
}

.custom-select:focus,
.table td:focus,
.table td:hover {
  outline: 0;
  box-shadow: none;
}

.border {
  vertical-align: top;
  border: 1px solid #e6ebf1;
}

.table thead th,
.text-wrap table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #e6ebf1;
  border-top: 0;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.tabs-menu ul li a,
.tabs-menu1 ul li a {
  padding: 10px 20px 11px;
  font-weight: 500;
}

.table tbody + tbody,
.text-wrap table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table .table,
.table .text-wrap table,
.text-wrap .table table,
.text-wrap table .table,
.text-wrap table table {
  background-color: #f0f0f270;
}

.table-sm td,
.table-sm th {
  padding: 0.3rem;
}

.table-bordered thead td,
.table-bordered thead th,
.text-wrap table thead td,
.text-wrap table thead th {
  border-bottom-width: 1px;
}

.table-borderless tbody + tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th,
.table-dark.table-bordered,
.table-responsive > .table-bordered,
.text-wrap .table-responsive > table,
.text-wrap table.table-dark {
  border: 0;
}

.table-hover tbody tr:hover,
.table-striped tbody tr:nth-of-type(2n) {
  background-color: rgba(240, 240, 242, 0.5);
}

.table-success,
.table-success > td,
.table-success > th {
  background-color: #38cb89;
}

.table-hover .table-success:hover,
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #c5e7a4;
}

.table-info,
.table-info > td,
.table-info > th {
  background-color: #cbe7fb;
}

.table-hover .table-info:hover,
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #b3dcf9;
}

.table-warning,
.table-warning > td,
.table-warning > th {
  background-color: #fbeebc;
}

.table-hover .table-warning:hover,
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #fae8a4;
}

.table-danger,
.table-danger > td,
.table-danger > th {
  background-color: #ef4b4b;
}

.table-hover .table-danger:hover,
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #ecacab;
}

.table-light,
.table-light > td,
.table-light > th {
  background-color: #fdfdfe;
}

.table-hover .table-light:hover,
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > td,
.table-dark > th {
  background-color: #c6c8ca;
}

.table-hover .table-dark:hover,
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > td,
.table-active > th,
.table-hover .table-active:hover,
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.04);
}

.table .thead-dark th,
.text-wrap table .thead-dark th {
  color: #f0f0f2;
  background-color: #212529;
  border-color: #32383e;
}

.table .thead-light th,
.text-wrap table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #f0f0f2;
  background-color: #212529;
}

.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: #32383e;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-md > .table-bordered,
  .text-wrap .table-responsive-md > table {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  min-height: 300px;
}

.table th,
.text-wrap table th {
  color: #384b6e;
  text-transform: capitalize;
  font-size: 0.81rem;
  font-weight: 400;
}

.table-md td,
.table-md th {
  padding: 0.5rem;
}

.table-vcenter td,
.table-vcenter th {
  vertical-align: middle;
  border-top: 1px solid #e6ebf1;
  border-bottom: none;
}

.jvectormap-legright-cnt-h .jvectormap-legright-tick-text,
.table-center td,
.table-center th {
  text-align: center;
}

.table-calender {
  margin: 0 0 0.75rem;
}

.form-fieldset,
blockquote p {
  margin-bottom: 1rem;
}

.table-calender td,
.table-calender th {
  border: 0;
  text-align: center;
  padding: 0 !important;
  width: 14.28571429%;
  line-height: 2.5rem;
}

.table-calender td {
  border-top: 0;
}

.table-calender-link {
  line-height: 2rem;
  min-width: calc(2rem + 2px);
  display: inline-block;
  border-radius: 3px;
  background: #f8f9fa;
  color: #495057;
  font-weight: 600;
  transition: background 0.3s, color 0.3s;
  position: relative;
}

.table-calender-link:before {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
  border-radius: 50px;
  background: #467fcf;
}

.table-calender-link:hover {
  color: #fff;
  text-decoration: none;
  background: #467fcf;
  transition: background 0.3s;
}

.table-header {
  cursor: pointer;
  transition: color 0.3s;
}

.table-header-asc,
.table-header-desc,
.table-header:hover {
  color: #495057 !important;
}

.table-header:after {
  content: "\f0dc";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 0.75rem;
}

.table-header-asc:after {
  content: "\f0de";
}

.table-header-desc:after {
  content: "\f0dd";
}

.table > :not(:last-child) > :last-child > * {
  border-bottom-color: #e6ebf1;
}

.table > :not(caption) > * > * {
  padding: 0.75rem;
  background-color: 1px;
  box-shadow: none;
}

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

table {
  border-collapse: collapse !important;
}

.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  font-weight: 500;
  -webkit-transition: 0.3s;
}

.table,
.table-responsive {
  overflow-y: visible !important;
}

.jvectormap-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.jvectormap-tip {
  position: absolute;
  display: none;
  border-radius: 3px;
  background: #212529;
  color: #fff;
  padding: 6px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
}

.jvectormap-tip small {
  font-size: inherit;
  font-weight: 400;
}

.jvectormap-goback,
.jvectormap-zoomin,
.jvectormap-zoomout {
  position: absolute;
  left: 10px;
  border-radius: 3px;
  background: #292929;
  padding: 3px;
  color: #fff;
  cursor: pointer;
  line-height: 10px;
  text-align: center;
  box-sizing: content-box;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
  width: 10px;
  height: 10px;
}

.jvectormap-legright-cnt-h .jvectormap-legright-tick,
.mediaicon {
  width: 40px;
}

.jvectormap-zoomin {
  top: 10px;
}

.jvectormap-zoomout {
  top: 30px;
}

.jvectormap-goback {
  bottom: 10px;
  z-index: 1000;
  padding: 6px;
}

.jvectormap-spinner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: 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==)
    center no-repeat;
}

.jvectormap-legright-title {
  font-weight: 700;
  font-size: 14px;
  text-align: center;
}

.jvectormap-legright-cnt-h {
  bottom: 0;
  right: 0;
}

.jvectormap-legright-cnt-v {
  top: 0;
  right: 0;
}

.jvectormap-legright {
  background: #000;
  color: #fff;
  border-radius: 3px;
}

.jvectormap-legright-cnt-h .jvectormap-legright {
  float: left;
  margin: 0 10px 10px 0;
  padding: 3px 3px 1px;
}

.jvectormap-legright-cnt-v .jvectormap-legright {
  margin: 10px 10px 0 0;
  padding: 3px;
}

.jvectormap-legright-cnt-h .jvectormap-legright-tick-sample {
  height: 15px;
}

.jvectormap-legright-cnt-v .jvectormap-legright-tick-sample {
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}

.jvectormap-legright-cnt-v .jvectormap-legright-tick-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  padding-left: 3px;
}

.widgets {
  font-size: 35px;
  padding: 20px;
}

.widgetstext {
  top: 0;
  bottom: 0;
  padding: 20px 40px;
}

.widget-line h4 {
  font-size: 24px;
  font-weight: 600;
}

.fs {
  font-size: 25px;
}

.widget-line-list li {
  display: inline-block;
  font-size: 16px;
  line-height: 27px;
  padding: 5px 20px 0 15px;
}

.media {
  display: flex;
  align-items: flex-left;
}

.mediaicon {
  font-size: 18px;
  color: #fff;
  height: 40px;
  text-align: center;
  padding: 5px 0;
  border-radius: 20px;
}

.media-body {
  flex: 1;
}

.defaultheader .form-control.header-search::placeholder,
.defaultheader .input-icon-addon {
  color: #fff !important;
}

.input-icon .form-control:not(:first-child),
.input-icon .form-control:not(:last-child) {
  padding-left: 2.5rem;
}

.input-icon-addon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 2.5rem;
  pointer-events: none;
}

.form-help,
.social-links li a,
.sparkline,
.status-icon {
  display: inline-block;
}

.dropdown-menu.dropdown-menu-end,
.input-icon-addon:last-child {
  left: auto;
}

.form-fieldset {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  padding: 1rem;
  border-radius: 3px;
}

.form-required {
  color: #dc0441;
}

.form-required:before {
  content: " ";
}

.state-valid {
  padding-right: 2rem;
  background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'><polyline points='20 6 9 17 4 12'></polyline></svg>")
    center right 0.5rem/1rem no-repeat;
}

.state-invalid {
  padding-right: 2rem;
  background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cd201f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'><line x1='18' y1='6' x2='6' y2='18'></line><line x1='6' y1='6' x2='18' y2='18'></line></svg>")
    center right 0.5rem/1rem no-repeat;
}

.form-help {
  width: 1rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  color: var(--primary-bg-color);
  background: #f6f6fa;
  border-radius: 50%;
  font-size: 0.75rem;
  transition: background-color 0.3s, color 0.3s;
  cursor: pointer;
  user-select: none;
  margin: 10px;
}

.custom-control,
.custom-control-label::before {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.sparkline {
  height: 2rem;
}

.social-links li a {
  background: #f8f8f8;
  border-radius: 50%;
  color: #9aa0ac;
  height: 1.75rem;
  width: 1.75rem;
  line-height: 1.75rem;
  text-align: center;
}

.vmap-width {
  height: 300px;
  width: 100%;
}

.chart,
.map {
  position: relative;
  padding-top: 56.25%;
}

.chart-square,
.map-square {
  padding-top: 100%;
}

.chart-content,
.map-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.map-header {
  height: 15rem;
  position: relative;
  margin-bottom: -1.5rem;
}

.map-header:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10rem;
  background: linear-gradient(
    to bottom,
    rgba(245, 247, 251, 0) 5%,
    #f0f0f2 95%
  );
  pointer-events: none;
}

.map-header-layer {
  height: 100%;
}

.map-static {
  height: 120px;
  width: 100%;
  max-width: 640px;
  background-position: center center;
  background-size: 640px 120px;
}

@-webkit-keyframes status-pulse {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.32;
  }
}

@keyframes status-pulse {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.32;
  }
}

.status-icon {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background: currentColor;
  border-radius: 50%;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  margin-right: 0.375rem;
  vertical-align: middle;
}

.status-animated {
  -webkit-animation: 1s infinite status-pulse;
  animation: 1s infinite status-pulse;
}

.chart-circle {
  display: block;
  height: 8rem;
  width: 8rem;
  position: relative;
  margin: 0 auto;
}

.chart-circle canvas {
  margin: 0 auto;
  display: block;
  max-height: 100%;
}

.chart-circle-xs {
  height: 2.5rem;
  width: 2.5rem;
  font-size: 0.8rem;
}

.chart-circle-sm {
  height: 4rem;
  width: 4rem;
  font-size: 0.8rem;
}

.chart-circle-md {
  height: 6rem;
  width: 6rem;
  font-size: 0.8rem;
}

.chart-circle-lg {
  height: 10rem;
  width: 10rem;
  font-size: 0.8rem;
}

.chart-circle-value {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1;
}

.chip,
.stamp {
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
}

.chart-circle-value small {
  display: block;
  color: #9aa0ac;
  font-size: 0.9375rem;
}

.chips,
.rtl .avatar-list {
  margin: 0 0 -0.5rem;
}

.team i {
  margin-left: 10px;
  float: right;
}

.chips .chip {
  margin: 0 0.5rem 0.5rem 0;
}

.chip {
  font-size: 0.875rem;
  font-weight: 500;
  color: #6e7687;
  padding: 0 0.75rem;
  border-radius: 1rem;
  background-color: #e8ebf9;
  transition: background 0.3s;
}

.features h2,
.features h3,
.stamp,
b,
strong {
  font-weight: 600;
}

.chip .avatar {
  float: left;
  margin: 0 0.5rem 0 -0.75rem;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
}

a.chip:hover {
  color: #fff;
  text-decoration: none;
}

.emp-tab table {
  margin-bottom: 0;
  border: 0;
}

.chat-message p,
blockquote,
ol,
p,
ul {
  margin-bottom: 1em;
}

.chat-message,
.stamp {
  color: #fff;
  border-radius: 3px;
}

.stamp {
  background: #868e96;
  min-width: 2rem;
  padding: 0 0.25rem;
  text-align: center;
}

.stamp-md {
  min-width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
}

.stamp-lg {
  min-width: 3rem;
  height: 3rem;
  line-height: 3rem;
}

.chat {
  outline: 0;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: right;
  justify-content: flex-right;
  min-height: 100%;
}

.chat-line {
  padding: 0;
  text-align: right;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.chat-line + .chat-line {
  padding-top: 1rem;
}

.chat-message {
  position: relative;
  display: inline-block;
  background-color: #467fcf;
  font-size: 0.875rem;
  padding: 0.375rem 0.5rem;
  white-space: normal;
  text-align: left;
  margin: 0 0.5rem 0 2.5rem;
  line-height: 1.4;
}

.example,
pre {
  padding: 1.5rem;
}

.chat-message > :last-child {
  margin-bottom: 0 !important;
}

.chat-message:after {
  content: "";
  position: absolute;
  right: -5px;
  top: 7px;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #467fcf;
  border-top: 6px solid transparent;
}

.custom-control-label::after,
.custom-control-label::before {
  top: 0.25rem;
  width: 1rem;
  height: 1rem;
  position: absolute;
  display: block;
}

.chat-line-friright {
  -ms-flex-direction: row;
  flex-direction: row;
}

.chat-line-friright + .chat-line-friright {
  margin-top: -0.5rem;
}

.chat-line-friright .chat-message {
  background-color: #f3f3f3;
  color: #495057;
  margin-left: 0.5rem;
  margin-right: 2.5rem;
}

.chat-line-friright .chat-message:after {
  right: auto;
  left: -5px;
  border-start-width: 0;
  border-right: 5px solid #f3f3f3;
}

.example {
  border-radius: 3px 3px 0 0;
  font-size: 0.9375rem;
}

.example + .highlight {
  border-top: none;
  margin-top: 0;
  border-radius: 0 0 3px 3px;
}

.highlight {
  margin: 0 0 2rem;
  border: 1px solid #e6ebf1;
  border-radius: 3px;
  font-size: 0.9375rem;
  max-height: 40rem;
  overflow: auto;
  background: #fcfcfc;
}

.highlight pre {
  margin-bottom: 0;
  background-color: #e3e2e5;
}

.example-column-1 {
  max-width: 20rem;
}

.example-column-2 {
  max-width: 40rem;
}

.timeline__item:after {
  background: #fff !important;
}

.timeline--horizontal .timeline-divider {
  background: #f0f0f2 !important;
}

.timeline__content {
  background-color: #fff;
  border-radius: 10px;
  display: block;
  padding: 1.25rem;
  position: relative;
}

#back-to-top {
  color: #fff;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  display: none;
  border-radius: 4px !important;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 2px;
  height: 50px;
  line-height: 4;
  background-repeat: no-repeat;
  transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  background: var(--cor-principal);
}

#back-to-top i {
  padding-top: 15px;
  font-size: 16px;
}

.tabs-menu ul li a {
  display: block;
  border: 0 solid #e6ebf1;
  margin: 3px;
  border-radius: 4px;
}

.tabs-menu1 ul li a {
  display: block;
}

.tabs-menu-body {
  padding: 15px;
  border: 1px solid #e6ebf1;
  border-radius: 0 0 5px 5px;
}

.tab-menu-heading {
  padding: 20px 0;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
}

.item-card .cardbody {
  position: relative;
  padding: 30px 15px;
  border-radius: 0 0 0.2rem 0.2rem;
}

.item-card .cardtitle span {
  display: block;
  font-size: 0.75rem;
}

.item-card .cardtitle a {
  font-weight: 400;
  text-decoration: none;
}

.item-card .cardprice {
  position: absolute;
  right: 0;
}

.item-card .cardprice span {
  display: block;
  font-size: 18px;
  font-weight: 500;
}

.item-card .cardprice span.type--strikethrough {
  opacity: 0.5;
  text-decoration: line-through;
  font-size: 14px;
  font-weight: 400;
}

.features h2 {
  margin-bottom: 12px;
  text-align: center;
  font-size: 2.2em;
}

.features h3 {
  font-size: 20px;
}

.features span {
  color: #43414e;
  display: block;
  font-weight: 400;
  text-align: center;
}

.feature .feature-svg {
  width: 25%;
}

.feature .feature-svg3 {
  width: 12%;
}

.col-sm-2 .feature {
  padding: 0;
  border: 0;
  box-shadow: none;
}

.custom-checkbox .custom-control-label::before,
.custom-select {
  border-radius: 3px;
}

.feature .border {
  position: relative;
  display: inline-block;
  width: 3em;
  height: 3em;
  line-height: 2em;
  vertical-align: middle;
  padding-top: 8px;
  border-radius: 50%;
  color: #fff;
}

.sub-panel-heading .tabs-menu ul li {
  display: block;
  width: 100%;
}

.sub-panel-heading .tabs-menu ul li a.active {
  background: #fff;
  border-radius: 0;
}

.sub-panel-heading .tabs-menu ul li a {
  padding: 15px 20px;
}

.invoicedetailspage,
.invoicelist {
  max-height: 600px;
  height: 600px;
  overflow: auto;
}

.receipts-inline-table .tabs-menu1 ul li .active {
  background: #f8f8f9;
  border-radius: 4px 4px 0 0;
  border-bottom: 0;
}

.card-custom-icon {
  position: absolute;
  right: 25px;
  top: 15px;
  color: #e2e2e9;
  width: 40px;
  height: 40px;
}

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

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

.custom-control-input {
  position: absolute;
  z-index: 100;
  opacity: 0;
}

.custom-file,
.custom-file-input {
  position: relative;
  height: 2.375rem;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #f0f0f2, 0 0 0 2px rgba(70, 127, 207, 0.25);
}

.custom-control-input:active ~ .custom-control-label::before {
  color: #fff;
  background-color: #d4e1f4;
}

.custom-control-input:disabled ~ .custom-control-label {
  color: #868e96;
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9e9eb;
}

.custom-control-label {
  margin-bottom: 0;
  display: block;
  margin-top: 2px;
  line-height: 25px;
  vertical-align: middle;
}

.custom-control-label::before {
  pointer-events: none;
  content: "";
  user-select: none;
  background-color: #dee2e6;
  left: 0;
}

.custom-control-label::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  left: 0;
}

.custom-control-label-md {
  padding-left: 15px;
  padding-top: 6px;
}

.custom-control-label-md::after,
.custom-control-label-md::before {
  top: 0.25rem !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.custom-control-md {
  min-height: 2rem !important;
}

.custom-control-lg {
  min-height: 2.5rem;
}

.custom-control-label-lg {
  padding-left: 15px;
  padding-top: 10px;
}

.custom-select-lg,
.custom-select-sm {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.custom-control-label-lg::after,
.custom-control-label-lg::before {
  top: 0.25rem !important;
  width: 2rem !important;
  height: 2rem !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox
  .custom-control-input:indeterminate
  ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before,
.custom-radio
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before {
  background-color: #4454c3;
  opacity: 0.5;
}

.custom-checkbox
  .custom-control-input:disabled:indeterminate
  ~ .custom-control-label::before {
  background-color: rgba(70, 127, 207, 0.5);
}

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

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: 2.375rem;
  line-height: 1.5;
  color: #6b6f80;
  vertical-align: middle;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E")
    right 0.75rem center/8px 10px no-repeat #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #868e96;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  opacity: 0;
}

.custom-select-sm {
  height: calc(1.8125rem + 2px);
  font-size: 75%;
}

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
  height: calc(1.8125rem + 2px);
}

.custom-select-lg {
  height: calc(2.6875rem + 2px);
  font-size: 125%;
}

.custom-file-label,
.custom-file-label::after {
  right: 0;
  padding: 0.375rem 0.75rem;
  top: 0;
  line-height: 1.5;
}

.custom-file {
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
}

.custom-file-input {
  z-index: 2;
  width: 100%;
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #1991eb;
  box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}

.custom-file-input:focus ~ .custom-file-label::after {
  border-color: #1991eb;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-label {
  position: absolute;
  left: 0;
  z-index: 1;
  height: 2.375rem;
  color: #495057;
  background-color: #fff;
  border: 1px solid #e6ebf1;
  border-radius: 3px;
}

.custom-file-label::after {
  position: absolute;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(2.375rem - 2px);
  color: #fff;
  font-weight: 500;
  content: "Browse";
  border-radius: 0 3px 3px 0;
}

.custom-range::-webkit-slider-thumb:focus {
  outline: 0;
  box-shadow: 0 0 0 1px #f0f0f2, 0 0 0 2px rgba(70, 127, 207, 0.25);
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #d4e1f4;
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  color: transparent;
  cursor: pointer;
  border-color: transparent;
  border-radius: 1rem;
  background: #467fcf;
  content: "";
  height: 2px;
  pointer-events: none;
}

.custom-range::-moz-range-thumb:focus {
  outline: 0;
  box-shadow: 0 0 0 1px #f0f0f2, 0 0 0 2px rgba(70, 127, 207, 0.25);
}

.custom-range::-moz-range-thumb:active {
  background-color: #d4e1f4;
}

.custom-range::-moz-range-track {
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
  width: 240px;
  height: 2px;
  background: rgba(0, 50, 126, 0.12);
}

.custom-range::-ms-thumb {
  border: 1px solid rgba(0, 30, 75, 0.12);
  border-radius: 50px;
  appearance: none;
  width: 240px;
  height: 2px;
  background: #fff;
  transition: border-color 0.3s, background-color 0.3s;
}

.custom-range::-ms-thumb:focus {
  outline: 0;
  box-shadow: 0 0 0 1px #f0f0f2, 0 0 0 2px rgba(70, 127, 207, 0.25);
}

.custom-range::-ms-thumb:active {
  background-color: #d4e1f4;
}

.form-label {
  display: block;
  margin-bottom: 0.375rem;
  font-weight: 500;
  font-size: 0.875rem;
}

.custom-range,
.row {
  display: -ms-flexbox;
}

.form-label-small {
  float: right;
  font-weight: 400;
  font-size: 77.5%;
}

.form-footer {
  margin-top: 2rem;
}

.custom-controls-stacked .custom-control {
  margin-bottom: 0.25rem;
}

.custom-control-label:before {
  border: 1px solid #cccdd3;
  background-color: #fff;
  background-size: 0.5rem;
}

.custom-control-description {
  line-height: 1.5rem;
}

.input-group-append > .btn,
.input-group-btn > .btn,
.input-group-prepend > .btn {
  height: 100%;
  border-color: rgba(0, 40, 100, 0.12);
}

.input-group-prepend > .input-group-text,
.ui-datepicker .ui-datepicker-calender td:last-child {
  border-right: 0;
}

.input-group-append > .input-group-text,
.rtl #messages-main .ms-user {
  border-left: 0;
}

.custom-range {
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0 0;
  cursor: pointer;
  display: flex;
  height: 100%;
  min-height: 2.375rem;
  overflow: hidden;
  padding: 0;
  border: 0;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-range:focus {
  box-shadow: none;
  outline: 0;
}

.custom-range:focus::-moz-range-thumb,
.custom-range:focus::-ms-thumb,
.custom-range:focus::-webkit-slider-thumb {
  border-color: #467fcf;
  background-color: #467fcf;
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 1px 0 0 -6px rgba(0, 50, 126, 0.12),
    6px 0 0 -6px rgba(0, 50, 126, 0.12), 7px 0 0 -6px rgba(0, 50, 126, 0.12),
    8px 0 0 -6px rgba(0, 50, 126, 0.12), 9px 0 0 -6px rgba(0, 50, 126, 0.12),
    10px 0 0 -6px rgba(0, 50, 126, 0.12), 11px 0 0 -6px rgba(0, 50, 126, 0.12),
    12px 0 0 -6px rgba(0, 50, 126, 0.12), 13px 0 0 -6px rgba(0, 50, 126, 0.12),
    14px 0 0 -6px rgba(0, 50, 126, 0.12), 15px 0 0 -6px rgba(0, 50, 126, 0.12),
    16px 0 0 -6px rgba(0, 50, 126, 0.12), 17px 0 0 -6px rgba(0, 50, 126, 0.12),
    18px 0 0 -6px rgba(0, 50, 126, 0.12), 19px 0 0 -6px rgba(0, 50, 126, 0.12),
    20px 0 0 -6px rgba(0, 50, 126, 0.12), 21px 0 0 -6px rgba(0, 50, 126, 0.12),
    22px 0 0 -6px rgba(0, 50, 126, 0.12), 23px 0 0 -6px rgba(0, 50, 126, 0.12),
    24px 0 0 -6px rgba(0, 50, 126, 0.12), 25px 0 0 -6px rgba(0, 50, 126, 0.12),
    26px 0 0 -6px rgba(0, 50, 126, 0.12), 27px 0 0 -6px rgba(0, 50, 126, 0.12),
    28px 0 0 -6px rgba(0, 50, 126, 0.12), 29px 0 0 -6px rgba(0, 50, 126, 0.12),
    30px 0 0 -6px rgba(0, 50, 126, 0.12), 31px 0 0 -6px rgba(0, 50, 126, 0.12),
    32px 0 0 -6px rgba(0, 50, 126, 0.12), 33px 0 0 -6px rgba(0, 50, 126, 0.12),
    34px 0 0 -6px rgba(0, 50, 126, 0.12), 35px 0 0 -6px rgba(0, 50, 126, 0.12),
    36px 0 0 -6px rgba(0, 50, 126, 0.12), 37px 0 0 -6px rgba(0, 50, 126, 0.12),
    38px 0 0 -6px rgba(0, 50, 126, 0.12), 39px 0 0 -6px rgba(0, 50, 126, 0.12),
    40px 0 0 -6px rgba(0, 50, 126, 0.12), 41px 0 0 -6px rgba(0, 50, 126, 0.12),
    42px 0 0 -6px rgba(0, 50, 126, 0.12), 43px 0 0 -6px rgba(0, 50, 126, 0.12),
    44px 0 0 -6px rgba(0, 50, 126, 0.12), 45px 0 0 -6px rgba(0, 50, 126, 0.12),
    46px 0 0 -6px rgba(0, 50, 126, 0.12), 47px 0 0 -6px rgba(0, 50, 126, 0.12),
    48px 0 0 -6px rgba(0, 50, 126, 0.12), 49px 0 0 -6px rgba(0, 50, 126, 0.12),
    50px 0 0 -6px rgba(0, 50, 126, 0.12), 51px 0 0 -6px rgba(0, 50, 126, 0.12),
    52px 0 0 -6px rgba(0, 50, 126, 0.12), 53px 0 0 -6px rgba(0, 50, 126, 0.12),
    54px 0 0 -6px rgba(0, 50, 126, 0.12), 55px 0 0 -6px rgba(0, 50, 126, 0.12),
    56px 0 0 -6px rgba(0, 50, 126, 0.12), 57px 0 0 -6px rgba(0, 50, 126, 0.12),
    58px 0 0 -6px rgba(0, 50, 126, 0.12), 59px 0 0 -6px rgba(0, 50, 126, 0.12),
    60px 0 0 -6px rgba(0, 50, 126, 0.12), 61px 0 0 -6px rgba(0, 50, 126, 0.12),
    62px 0 0 -6px rgba(0, 50, 126, 0.12), 63px 0 0 -6px rgba(0, 50, 126, 0.12),
    64px 0 0 -6px rgba(0, 50, 126, 0.12), 65px 0 0 -6px rgba(0, 50, 126, 0.12),
    66px 0 0 -6px rgba(0, 50, 126, 0.12), 67px 0 0 -6px rgba(0, 50, 126, 0.12),
    68px 0 0 -6px rgba(0, 50, 126, 0.12), 69px 0 0 -6px rgba(0, 50, 126, 0.12),
    70px 0 0 -6px rgba(0, 50, 126, 0.12), 71px 0 0 -6px rgba(0, 50, 126, 0.12),
    72px 0 0 -6px rgba(0, 50, 126, 0.12), 73px 0 0 -6px rgba(0, 50, 126, 0.12),
    74px 0 0 -6px rgba(0, 50, 126, 0.12), 75px 0 0 -6px rgba(0, 50, 126, 0.12),
    76px 0 0 -6px rgba(0, 50, 126, 0.12), 77px 0 0 -6px rgba(0, 50, 126, 0.12),
    78px 0 0 -6px rgba(0, 50, 126, 0.12), 79px 0 0 -6px rgba(0, 50, 126, 0.12),
    80px 0 0 -6px rgba(0, 50, 126, 0.12), 81px 0 0 -6px rgba(0, 50, 126, 0.12),
    82px 0 0 -6px rgba(0, 50, 126, 0.12), 83px 0 0 -6px rgba(0, 50, 126, 0.12),
    84px 0 0 -6px rgba(0, 50, 126, 0.12), 85px 0 0 -6px rgba(0, 50, 126, 0.12),
    86px 0 0 -6px rgba(0, 50, 126, 0.12), 87px 0 0 -6px rgba(0, 50, 126, 0.12),
    88px 0 0 -6px rgba(0, 50, 126, 0.12), 89px 0 0 -6px rgba(0, 50, 126, 0.12),
    90px 0 0 -6px rgba(0, 50, 126, 0.12), 91px 0 0 -6px rgba(0, 50, 126, 0.12),
    92px 0 0 -6px rgba(0, 50, 126, 0.12), 93px 0 0 -6px rgba(0, 50, 126, 0.12),
    94px 0 0 -6px rgba(0, 50, 126, 0.12), 95px 0 0 -6px rgba(0, 50, 126, 0.12),
    96px 0 0 -6px rgba(0, 50, 126, 0.12), 97px 0 0 -6px rgba(0, 50, 126, 0.12),
    98px 0 0 -6px rgba(0, 50, 126, 0.12), 99px 0 0 -6px rgba(0, 50, 126, 0.12),
    100px 0 0 -6px rgba(0, 50, 126, 0.12), 101px 0 0 -6px rgba(0, 50, 126, 0.12),
    102px 0 0 -6px rgba(0, 50, 126, 0.12), 103px 0 0 -6px rgba(0, 50, 126, 0.12),
    104px 0 0 -6px rgba(0, 50, 126, 0.12), 105px 0 0 -6px rgba(0, 50, 126, 0.12),
    106px 0 0 -6px rgba(0, 50, 126, 0.12), 107px 0 0 -6px rgba(0, 50, 126, 0.12),
    108px 0 0 -6px rgba(0, 50, 126, 0.12), 109px 0 0 -6px rgba(0, 50, 126, 0.12),
    110px 0 0 -6px rgba(0, 50, 126, 0.12), 111px 0 0 -6px rgba(0, 50, 126, 0.12),
    112px 0 0 -6px rgba(0, 50, 126, 0.12), 113px 0 0 -6px rgba(0, 50, 126, 0.12),
    114px 0 0 -6px rgba(0, 50, 126, 0.12), 115px 0 0 -6px rgba(0, 50, 126, 0.12),
    116px 0 0 -6px rgba(0, 50, 126, 0.12), 117px 0 0 -6px rgba(0, 50, 126, 0.12),
    118px 0 0 -6px rgba(0, 50, 126, 0.12), 119px 0 0 -6px rgba(0, 50, 126, 0.12),
    120px 0 0 -6px rgba(0, 50, 126, 0.12), 121px 0 0 -6px rgba(0, 50, 126, 0.12),
    122px 0 0 -6px rgba(0, 50, 126, 0.12), 123px 0 0 -6px rgba(0, 50, 126, 0.12),
    124px 0 0 -6px rgba(0, 50, 126, 0.12), 125px 0 0 -6px rgba(0, 50, 126, 0.12),
    126px 0 0 -6px rgba(0, 50, 126, 0.12), 127px 0 0 -6px rgba(0, 50, 126, 0.12),
    128px 0 0 -6px rgba(0, 50, 126, 0.12), 129px 0 0 -6px rgba(0, 50, 126, 0.12),
    130px 0 0 -6px rgba(0, 50, 126, 0.12), 131px 0 0 -6px rgba(0, 50, 126, 0.12),
    132px 0 0 -6px rgba(0, 50, 126, 0.12), 133px 0 0 -6px rgba(0, 50, 126, 0.12),
    134px 0 0 -6px rgba(0, 50, 126, 0.12), 135px 0 0 -6px rgba(0, 50, 126, 0.12),
    136px 0 0 -6px rgba(0, 50, 126, 0.12), 137px 0 0 -6px rgba(0, 50, 126, 0.12),
    138px 0 0 -6px rgba(0, 50, 126, 0.12), 139px 0 0 -6px rgba(0, 50, 126, 0.12),
    140px 0 0 -6px rgba(0, 50, 126, 0.12), 141px 0 0 -6px rgba(0, 50, 126, 0.12),
    142px 0 0 -6px rgba(0, 50, 126, 0.12), 143px 0 0 -6px rgba(0, 50, 126, 0.12),
    144px 0 0 -6px rgba(0, 50, 126, 0.12), 145px 0 0 -6px rgba(0, 50, 126, 0.12),
    146px 0 0 -6px rgba(0, 50, 126, 0.12), 147px 0 0 -6px rgba(0, 50, 126, 0.12),
    148px 0 0 -6px rgba(0, 50, 126, 0.12), 149px 0 0 -6px rgba(0, 50, 126, 0.12),
    150px 0 0 -6px rgba(0, 50, 126, 0.12), 151px 0 0 -6px rgba(0, 50, 126, 0.12),
    152px 0 0 -6px rgba(0, 50, 126, 0.12), 153px 0 0 -6px rgba(0, 50, 126, 0.12),
    154px 0 0 -6px rgba(0, 50, 126, 0.12), 155px 0 0 -6px rgba(0, 50, 126, 0.12),
    156px 0 0 -6px rgba(0, 50, 126, 0.12), 157px 0 0 -6px rgba(0, 50, 126, 0.12),
    158px 0 0 -6px rgba(0, 50, 126, 0.12), 159px 0 0 -6px rgba(0, 50, 126, 0.12),
    160px 0 0 -6px rgba(0, 50, 126, 0.12), 161px 0 0 -6px rgba(0, 50, 126, 0.12),
    162px 0 0 -6px rgba(0, 50, 126, 0.12), 163px 0 0 -6px rgba(0, 50, 126, 0.12),
    164px 0 0 -6px rgba(0, 50, 126, 0.12), 165px 0 0 -6px rgba(0, 50, 126, 0.12),
    166px 0 0 -6px rgba(0, 50, 126, 0.12), 167px 0 0 -6px rgba(0, 50, 126, 0.12),
    168px 0 0 -6px rgba(0, 50, 126, 0.12), 169px 0 0 -6px rgba(0, 50, 126, 0.12),
    170px 0 0 -6px rgba(0, 50, 126, 0.12), 171px 0 0 -6px rgba(0, 50, 126, 0.12),
    172px 0 0 -6px rgba(0, 50, 126, 0.12), 173px 0 0 -6px rgba(0, 50, 126, 0.12),
    174px 0 0 -6px rgba(0, 50, 126, 0.12), 175px 0 0 -6px rgba(0, 50, 126, 0.12),
    176px 0 0 -6px rgba(0, 50, 126, 0.12), 177px 0 0 -6px rgba(0, 50, 126, 0.12),
    178px 0 0 -6px rgba(0, 50, 126, 0.12), 179px 0 0 -6px rgba(0, 50, 126, 0.12),
    180px 0 0 -6px rgba(0, 50, 126, 0.12), 181px 0 0 -6px rgba(0, 50, 126, 0.12),
    182px 0 0 -6px rgba(0, 50, 126, 0.12), 183px 0 0 -6px rgba(0, 50, 126, 0.12),
    184px 0 0 -6px rgba(0, 50, 126, 0.12), 185px 0 0 -6px rgba(0, 50, 126, 0.12),
    186px 0 0 -6px rgba(0, 50, 126, 0.12), 187px 0 0 -6px rgba(0, 50, 126, 0.12),
    188px 0 0 -6px rgba(0, 50, 126, 0.12), 189px 0 0 -6px rgba(0, 50, 126, 0.12),
    190px 0 0 -6px rgba(0, 50, 126, 0.12), 191px 0 0 -6px rgba(0, 50, 126, 0.12),
    192px 0 0 -6px rgba(0, 50, 126, 0.12), 193px 0 0 -6px rgba(0, 50, 126, 0.12),
    194px 0 0 -6px rgba(0, 50, 126, 0.12), 195px 0 0 -6px rgba(0, 50, 126, 0.12),
    196px 0 0 -6px rgba(0, 50, 126, 0.12), 197px 0 0 -6px rgba(0, 50, 126, 0.12),
    198px 0 0 -6px rgba(0, 50, 126, 0.12), 199px 0 0 -6px rgba(0, 50, 126, 0.12),
    200px 0 0 -6px rgba(0, 50, 126, 0.12), 201px 0 0 -6px rgba(0, 50, 126, 0.12),
    202px 0 0 -6px rgba(0, 50, 126, 0.12), 203px 0 0 -6px rgba(0, 50, 126, 0.12),
    204px 0 0 -6px rgba(0, 50, 126, 0.12), 205px 0 0 -6px rgba(0, 50, 126, 0.12),
    206px 0 0 -6px rgba(0, 50, 126, 0.12), 207px 0 0 -6px rgba(0, 50, 126, 0.12),
    208px 0 0 -6px rgba(0, 50, 126, 0.12), 209px 0 0 -6px rgba(0, 50, 126, 0.12),
    210px 0 0 -6px rgba(0, 50, 126, 0.12), 211px 0 0 -6px rgba(0, 50, 126, 0.12),
    212px 0 0 -6px rgba(0, 50, 126, 0.12), 213px 0 0 -6px rgba(0, 50, 126, 0.12),
    214px 0 0 -6px rgba(0, 50, 126, 0.12), 215px 0 0 -6px rgba(0, 50, 126, 0.12),
    216px 0 0 -6px rgba(0, 50, 126, 0.12), 217px 0 0 -6px rgba(0, 50, 126, 0.12),
    218px 0 0 -6px rgba(0, 50, 126, 0.12), 219px 0 0 -6px rgba(0, 50, 126, 0.12),
    220px 0 0 -6px rgba(0, 50, 126, 0.12), 221px 0 0 -6px rgba(0, 50, 126, 0.12),
    222px 0 0 -6px rgba(0, 50, 126, 0.12), 223px 0 0 -6px rgba(0, 50, 126, 0.12),
    224px 0 0 -6px rgba(0, 50, 126, 0.12), 225px 0 0 -6px rgba(0, 50, 126, 0.12),
    226px 0 0 -6px rgba(0, 50, 126, 0.12), 227px 0 0 -6px rgba(0, 50, 126, 0.12),
    228px 0 0 -6px rgba(0, 50, 126, 0.12), 229px 0 0 -6px rgba(0, 50, 126, 0.12),
    230px 0 0 -6px rgba(0, 50, 126, 0.12), 231px 0 0 -6px rgba(0, 50, 126, 0.12),
    232px 0 0 -6px rgba(0, 50, 126, 0.12), 233px 0 0 -6px rgba(0, 50, 126, 0.12),
    234px 0 0 -6px rgba(0, 50, 126, 0.12), 235px 0 0 -6px rgba(0, 50, 126, 0.12),
    236px 0 0 -6px rgba(0, 50, 126, 0.12), 237px 0 0 -6px rgba(0, 50, 126, 0.12),
    238px 0 0 -6px rgba(0, 50, 126, 0.12), 239px 0 0 -6px rgba(0, 50, 126, 0.12),
    240px 0 0 -6px rgba(0, 50, 126, 0.12);
  border: 0;
  transition: border-color 0.3s, background-color 0.3s;
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-appearance: none;
  appearance: none;
}

.custom-range::-moz-range-thumb {
  background: #fff;
  border-radius: 1rem;
  border: 0;
  position: relative;
  transition: border-color 0.3s, background-color 0.3s;
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
  appearance: none;
}

.custom-range::-moz-range-progress {
  height: 2px;
  background: #467fcf;
  border: 0;
  margin-top: 0;
}

.custom-range::-ms-track {
  background: 0 0;
  border: 0 transparent;
  border-radius: 0;
  margin-top: 10px;
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
}

.custom-range::-ms-fill-lower {
  background: #dee2e6;
  border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
  background: rgba(0, 50, 126, 0.12);
  border-radius: 1rem;
  margin-right: 15px;
  background-color: #dee2e6;
}

.custom-range::-ms-tooltip {
  display: none;
}

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

.ui-datepicker {
  background-color: #fff;
  border: 1px solid #e6ebf1;
  font-family: inherit;
  font-size: inherit;
  padding: 10px;
  margin: 0;
  display: none;
  width: auto !important;
  z-index: 5 !important;
  box-shadow: 0 0.76rem 1.52rem rgba(18, 38, 63, 0.03);
  border-radius: 4px;
}

.ui-datepicker .ui-datepicker-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  color: #473b52;
  padding: 0 0 5px;
  letter-spacing: 1px;
  border: 0;
  background-color: transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  text-indent: -99999px;
  color: #6c757d;
  top: 1px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
  font-size: 16px;
  font-family: FontAwesome;
  position: absolute;
  top: -4px;
  text-indent: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before {
  color: #343a40;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  order: 3;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
  right: 5px;
  content: "\f105";
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
  left: 5px;
  content: "\f104";
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
  color: #495057;
  cursor: pointer;
  top: 1px;
  border: 0;
  background-color: transparent;
}

.ui-datepicker .ui-datepicker-calender {
  margin: 0;
  background-color: transparent;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.ui-datepicker .ui-datepicker-calender th {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 6px 10px;
  color: #98a1b5;
}

.ui-datepicker .ui-datepicker-calender td {
  border: 1px solid transparent;
  padding: 0;
  background-color: #fff;
  text-align: right;
}

.ui-datepicker
  .ui-datepicker-calender
  td.ui-datepicker-other-month
  .ui-state-default {
  color: #ced1da;
}

.ui-datepicker .ui-datepicker-calender td a,
.ui-datepicker .ui-datepicker-calender td span {
  transition: 0.2s ease-in-out;
  padding: 8px 10px;
  background-color: #fff;
  color: #49b8e5, #1e98d4, #2a92d0, #3a88c8, #507cbe;
  display: block;
  font-weight: 400;
  font-size: 12px;
  border: 0;
  border-radius: 50px;
}

.ui-datepicker .ui-datepicker-calender .ui-datepicker-today a,
.ui-datepicker .ui-datepicker-calender td a:hover {
  color: #fff;
  box-shadow: 0 2px 3px rgba(4, 4, 7, 0.1);
}

.ui-datepicker-multi .ui-datepicker-group {
  padding-right: 15px;
  width: auto;
  float: left;
}

.custom-checkbox:after,
.custom-checkbox:before {
  position: absolute;
  top: 0.25rem;
  left: 0;
  width: 1rem;
  content: "";
  display: block;
  height: 1rem;
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title {
  margin: auto;
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before {
  left: 10px;
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before {
  right: 10px;
}

.ui-datepicker-inline {
  max-width: 270px;
  border-radius: 12px;
}

.model-wrapper-demo {
  padding: 50px 0;
  background: #f0f0f2;
}

.custom-checkbox:before {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
}

.custom-checkbox:after {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.form-control.fc-datepicker {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #6b6f80;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ecebf1;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border-radius: 5px;
}

.form-control:disabled::placeholder {
  opacity: 0.5;
}

.form-control::placeholder {
  color: #b3bdca;
}

.select2-container .select2-selection--single .select2-selection__rrightered {
  padding-left: 20px !important;
  padding-right: 20px;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #e6ebf1 !important;
  border-radius: 4px;
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  color: #495057;
  background-color: #fff;
  border-color: #4eceb2;
  outline: 0;
  box-shadow: none;
}

.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #e6ebf1 !important;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #e6ebf1 !important;
  border-radius: 4px;
  outline: 0;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #f0f0f2 !important;
  border: 1px solid #ebeef4 !important;
  outline: 0;
}

.form-control,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single:focus {
  outline: 0;
}

@media print {
  blockquote,
  pre {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }

  blockquote,
  img,
  pre,
  tr {
    page-break-inside: avoid;
  }

  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !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: -ms-flexbox !important;
    display: flex !important;
  }

  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .container {
    max-width: none;
  }

  *,
  ::after,
  ::before {
    text-shadow: none !important;
    box-shadow: none !important;
  }

  a:not(.btn) {
    text-decoration: underline;
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  pre {
    white-space: pre-wrap !important;
  }

  thead {
    display: table-header-group;
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  @page {
    size: a3;
  }

  .container,
  body {
    min-width: 992px !important;
  }

  .navbar {
    display: none;
  }

  .badge {
    border: 1px solid #000;
  }

  .table,
  .text-wrap table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th,
  .text-wrap table td,
  .text-wrap table th {
    background-color: #fff !important;
  }

  .table-bordered td,
  .table-bordered th,
  .text-wrap table td,
  .text-wrap table th {
    border: 1px solid #e6ebf1 !important;
  }
}

.lead {
  line-height: 1.4;
}

blockquote {
  color: #6e7687;
  padding-left: 2rem;
  border-left: 2px solid rgba(0, 40, 100, 0.12);
}

blockquote cite {
  display: block;
  text-align: right;
}

blockquote cite:before {
  content: "— ";
}

code {
  word-break: break-word;
  background: #f0f0f2;
  border: 1px solid #e6ebf1;
  border-radius: 3px;
  padding: 3px;
  color: #c76dcd;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
  padding: 0;
  border-radius: 0;
  border: none;
  background: 0 0;
}

pre {
  color: #3e80eb;
  overflow: auto;
  line-height: 1.45;
  background-color: #f8fafc;
  border-radius: 3px;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.onoffswitch2-checkbox:checked + .onoffswitch2-label,
a.chip:hover {
  background-color: var(--primary-bg-color);
}

.sub-menu li.active:before,
.sub-menu li:hover:before {
  color: var(--primary-bg-color);
  opacity: 0.9;
}

.mega-menubg li a.active:before,
.mega-menubg li a:hover:before {
  color: var(--cor-principal);
  opacity: 0.9;
}

.app-sidebar__toggle:hover,
.arrow-custom,
.custom-nav-link:focus {
  color: var(--cor-principal);
}

.side-menu__item.active .angle,
.side-menu__item.active .side-menu__label,
.side-menu__item:focus .angle,
.side-menu__item:focus .side-menu__label,
.side-menu__item:hover .angle,
.side-menu__item:hover .side-menu__label,
.slide-menu a.active {
  color: var(--cor-principal) !important;
}

.slide-item.active,
.slide-item:focus,
.slide-item:hover {
  color: var(--cor-principal);
  text-decoration: none;
}

.onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: var(--primary-bg-color);
  border-color: var(--primary-bg-color);
}

.onoffswitch-checkbox:checked + .onoffswitch-label:before,
.onoffswitch2-checkbox:checked + .onoffswitch-label2,
.onoffswitch2-checkbox:checked + .onoffswitch2-label:before {
  border-color: var(--primary-bg-color);
}

.side-menu__item.active .side-menu__icon,
.side-menu__item:focus .side-menu__icon,
.side-menu__item:hover .side-menu__icon {
  fill: white;
}

.text-primary-transparent {
  color: #8976d5;
}

.bg-white-50 {
  background-color: rgba(225, 225, 225, 0.2);
}

.app-sidebar.horizontal-main {
  padding-top: 0;
}

.app.sidebar-mini .main-sidemenu .slide-left,
.app.sidebar-mini .main-sidemenu .slide-right,
.app.sidebar-mini .side-menu_label,
.horizontal .leftmenu-styles,
.logo-horizontal {
  display: none;
}

@media (min-width: 992px) and (max-width: 991.98px) {
  .logo-horizontal .header-brand-img {
    margin-left: 60px;
  }
}

.horizontal .hor-header .search-element {
  margin-left: 2rem;
}

.rtl #sidebar .dropdown-menu,
.rtl .nav-tabs .nav-submenu {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.g-0 {
  margin-right: 0;
  margin-left: 0;
}

.g-0 > .col,
.g-0 > [class*="col-"],
.rtl .navbar-expand > .container,
.rtl .navbar-expand > .container-fluid,
.rtl .navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.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%;
}

body.rtl {
  text-align: right;
  direction: rtl;
}

.rtl .btn-group-vertical > .btn + .btn,
.rtl .btn-group-vertical > .btn + .btn-group,
.rtl .btn-group-vertical > .btn-group + .btn,
.rtl .btn-group-vertical > .btn-group + .btn-group,
.rtl .dropdown-toggle-split::after,
.rtl .dropdown-toggle:empty::after,
.rtl .dropdown-toggle:empty:after,
.rtl .dropend .dropdown-toggle-split::after,
.rtl .dropend .dropdown-toggle:empty::after,
.rtl .dropstart .dropdown-toggle-split::before,
.rtl .dropstart .dropdown-toggle:empty::after,
.rtl .dropup .dropdown-toggle-split::after,
.rtl .dropup .dropdown-toggle:empty::after,
.rtl dd {
  margin-left: 0;
  margin-right: inherit;
}

.rtl .bootstrap-tagsinput .tag,
.rtl .bootstrap-tagsinput .tag [data-role="remove"],
.rtl .list-inline-item:not(:last-child),
.rtl .new-list2.option-dots {
  margin-left: inherit;
  margin-left: inherit;
}

.rtl .tooltip,
.rtl caption {
  text-align: left;
}

.rtl .jsr_label .jsr_label,
.rtl .list-group,
.rtl .list-unstyled {
  padding-right: 0;
  padding-left: inherit;
}

.rtl .list-inline,
.rtl .main-contact-info-body,
.rtl .nav1,
.rtl .navbar-nav,
.rtl .pagination {
  padding-left: 0;
  padding-right: inherit;
}

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

.rtl * html .fileinput-button {
  margin: 1px -3px 0 0;
}

.rtl .carousel-indicators2,
.rtl .header .nav-item .badge,
.rtl .header .nav-link .badge,
.rtl .icon-absolute,
.rtl .new-list.option-dots,
.rtl .panel-heading1 a.collapsed:before,
.rtl .panel-heading1 a:before {
  right: 10px;
  left: inherit;
}

.rtl .bootstrap-tagsinput .tag [data-role="remove"],
.rtl .new-list2.option-dots {
  margin-right: 8px;
}

.rtl .bg-style .header-brand-img {
  left: 55px;
  right: inherit;
}

.rtl .card-pay .tabs-menu li:last-child a,
.rtl .page-style1 .input-group-addon {
  border-right: 0;
  border-left: inherit;
}

.rtl .page-style1 .input-group-append {
  border-left: 0;
  border-right: inherit;
  border-radius: 5px 0;
}

.rtl .page-style1 .btn-svgs .svg-icon {
  left: 37%;
  right: inherit;
}

.rtl .html-code {
  border-radius: 0 0 5px 5px;
}

.rtl .html-code .svg-icon {
  left: 14px;
  right: inherit;
}

.rtl .list-style,
.rtl .list-style2,
.rtl .list-style3,
.rtl .list-style4,
.rtl .list-style5,
.rtl .list-style6 {
  padding-right: inherit;
}

.rtl .list-style ul,
.rtl .list-style2 ul,
.rtl .list-style3 ul,
.rtl .list-style4 ul,
.rtl .list-style5 ul,
.rtl .list-style6 ul {
  padding-right: 30px;
  padding-left: inherit;
}

.rtl .browse-file.form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rtl .input-group-btn .btn-primary {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.rtl .box div:first-child {
  left: 42%;
  right: inherit;
}

.rtl .box div:nth-child(11),
.rtl .box div:nth-child(2) {
  right: inherit;
  left: 50%;
}

.rtl .box div:nth-child(3) {
  right: inherit;
  left: 6%;
}

.rtl .box div:nth-child(4) {
  right: inherit;
  left: 60%;
}

.rtl .box div:nth-child(5) {
  right: inherit;
  left: 10%;
}

.rtl .box div:nth-child(6) {
  right: inherit;
  left: 70%;
}

.rtl .box div:nth-child(10),
.rtl .box div:nth-child(17),
.rtl .box div:nth-child(7) {
  right: inherit;
  left: 80%;
}

.rtl .box div:nth-child(8),
.rtl .box div:nth-child(9) {
  right: inherit;
  left: 25%;
}

.rtl .box div:nth-child(12) {
  right: inherit;
  left: 40%;
}

.rtl .box div:nth-child(13) {
  right: inherit;
  left: 90%;
}

.rtl .box div:nth-child(14) {
  right: inherit;
  left: 750%;
}

.rtl .box div:nth-child(15) {
  right: inherit;
  left: 68%;
}

.rtl .box div:nth-child(16) {
  right: inherit;
  left: 79%;
}

.rtl .bootstrap-tagsinput .tag {
  margin-right: 10px;
}

.rtl .acc-header [aria-expanded="true"],
.rtl .accordion .card:first-of-type,
.rtl .btn-group-vertical > .btn-group:not(:last-child) > .btn,
.rtl .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.rtl .panel-title1 [aria-expanded="true"] {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.rtl .btn-group-vertical .btn + .btn,
.rtl .btn-group-vertical .btn + .btn-group,
.rtl .btn-group-vertical .btn-group + .btn,
.rtl .btn-group-vertical .btn-group + .btn-group,
.rtl .page-link {
  margin-left: -1px;
  margin-right: inherit;
}

.rtl .page-item:first-child .page-link {
  margin-left: 0;
  margin-right: inherit;
  border-radius: 0 3px 3px 0;
}

.rtl .panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.rtl .wrap {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}

.rtl .modal-content.chat .card,
.rtl .panel-group1 > .panel1:first-child .panel-heading1 {
  border-radius: 4px 4px 0 0;
}

.rtl .panel1:last-child .panel-body1,
.rtl .panel1:last-child .panel-heading1 {
  border-radius: 0 0 4px 4px;
}

.rtl #accordion .panel-heading1 a:before,
.rtl #bs-collapse .panel-heading1 a:after {
  right: 5px;
  left: inherit;
}

.rtl .alert-dismissible {
  padding-right: 3.90625rem;
  padding-left: inherit;
}

.rtl .alert-dismissible .btn-close,
.rtl .card-blog-overlay1:before,
.rtl .card-blog-overlay2:before,
.rtl .card-blog-overlay:before,
.rtl .carousel-control-prev,
.rtl .chat .msg_time_send,
.rtl .chat .msg_time_sright,
.rtl .login-transparent:before,
.rtl .nav-unread.badge,
.rtl .tab_wrapper .content_wrapper .accordian_header.active:after {
  right: 0;
  left: inherit;
}

.rtl .alert-icon {
  padding-left: 3rem;
  padding-right: inherit;
}

.rtl .alert-icon > i {
  left: 1rem;
  right: inherit;
}

.rtl .alert-avatar {
  padding-left: 3.75rem;
  padding-right: inherit;
}

.rtl .alert-avatar .avatar {
  left: 0.75rem;
  right: inherit;
}

.rtl .avatar-status {
  right: -2px;
  left: inherit;
}

.rtl .avatar-list .avatar:not(:last-child),
.rtl .btn-list > .btn:not(:last-child),
.rtl .btn-list > .dropdown:not(:last-child),
.rtl .nav-link.icon .nav-span,
.rtl .tags > .tag:not(:last-child) {
  margin-left: 0.5rem;
  margin-right: inherit;
}

.rtl .avatar-list-stacked .avatar {
  margin-left: -0.8em !important;
  margin-right: inherit !important;
}

@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }

  100%,
  60% {
    left: 100%;
    right: -90%;
  }
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }

  100%,
  60% {
    left: 100%;
    right: -90%;
  }
}

@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }

  100%,
  60% {
    left: 107%;
    right: -8%;
  }
}

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }

  100%,
  60% {
    left: 107%;
    right: -8%;
  }
}

.rtl .badge {
  padding: 2px 6px;
}

.rtl .rounded-pill {
  padding-right: 1.2em;
  padding-left: 1.2em;
}

.rtl .breadcrumb-item + .breadcrumb-item::before,
.rtl .breadcrumb-item1 + .breadcrumb-item1::before,
.rtl .btn-icon,
.rtl .navbar-expand .navbar-nav .nav-link {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.rtl .shape {
  border-width: 0 70px 40px 0;
  float: right;
}

.rtl .shape-text {
  right: -62px;
  top: 10px;
  left: inherit;
}

.rtl .breadcrumb-arrow li:first-child a {
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  padding-left: 10px;
  padding-right: inherit;
}

.rtl .breadcrumb-arrow li:not(:first-child) {
  margin-left: -5px;
  margin-right: inherit;
}

.rtl .breadcrumb-arrow li a,
.rtl .breadcrumb-arrow li:not(:first-child) span {
  padding: 0 10px 0 25px;
}

.rtl .breadcrumb-arrow li a:before {
  right: -11px;
  left: inherit;
  border-left-width: 11px;
}

.rtl .dropdown-toggle::after,
.rtl .dropup .dropdown-toggle::after {
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
}

.rtl .breadcrumb-arrow li a:after {
  right: -12px;
  left: inherit;
  border-left: 11px solid #6e79ca;
}

.rtl .breadcrumb-style4 .breadcrumb-icon {
  margin-left: 4px;
  margin-right: inherit;
}

.rtl .btn-loading:after {
  left: calc(50% - 0.7em);
  right: inherit;
}

.rtl .btn-group-sm > .btn-loading.btn:after,
.rtl .btn-loading.btn-sm:after {
  left: calc(50% - 0.5em);
  right: inherit;
}

.rtl .btn-svgs .svg-icon {
  margin-left: 6px;
  margin-right: inherit;
}

.rtl .data-table-btn {
  left: 80px;
  right: inherit;
}

.rtl .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow,
.rtl .bs-tooltip-end .tooltip-arrow,
.rtl .carousel-control-next,
.rtl .carousel-indicators button::after,
.rtl .carousel-indicators button::before,
.rtl .carousel-indicators1 button::after,
.rtl .carousel-indicators1 button::before,
.rtl .carousel-indicators2 button::after,
.rtl .carousel-indicators2 button::before,
.rtl .carousel-indicators3 button::after,
.rtl .carousel-indicators3 button::before,
.rtl .carousel-indicators4 button::after,
.rtl .carousel-indicators4 button::before,
.rtl .carousel-indicators5 button::before,
.rtl .chat .msg_time,
.rtl .contact-href,
.rtl .jsr_slider {
  left: 0;
  right: inherit;
}

.rtl .carousel-indicators,
.rtl .carousel-indicators1 {
  right: 0;
  left: 0;
  padding-left: 0;
  padding-right: inherit;
  margin-right: 15%;
  margin-left: 15%;
}

.rtl .carousel-indicators button,
.rtl .carousel-indicators1 button,
.rtl .carousel-indicators2 button,
.rtl .carousel-indicators3 button,
.rtl .carousel-indicators4 button,
.rtl .carousel-indicators5 button {
  margin-right: 3px;
  margin-left: 3px;
}

.rtl .carousel-indicators3,
.rtl .carousel-indicators5 {
  left: 10px;
  right: inherit;
  padding-left: 0;
  padding-right: inherit;
}

.rtl .carousel-indicators4 {
  right: 10px;
  left: inherit;
  padding-left: 0;
  padding-right: inherit;
}

.rtl .carousel-indicators5 button::after {
  left: 0;
  right: inherit;
  display: inline-block;
}

.rtl .carousel-caption {
  right: 15%;
  left: 15%;
}

.rtl .carousel-item-background,
.rtl .main-chat-list .media + .media::before,
.rtl .main-contact-info-body .media + .media::before,
.rtl .main-contact-info-body .media::before,
.rtl .main-contact-item + .main-contact-item::before,
.rtl .main-contact-label::after,
.rtl .main-nav-line-chat .nav-link.active::before,
.rtl body.fixed-header .header {
  left: 0;
  right: 0;
}

.rtl .carousel-bottom-right-indicators,
.rtl .carousel-top-right-indicators {
  right: 15px !important;
  left: inherit !important;
}

.rtl .carousel-bottom-left-indicators,
.rtl .carousel-top-left-indicators {
  left: 15px !important;
  right: inherit !important;
}

.rtl .dropdown-toggle::after {
  margin-right: 0.255em;
  margin-left: inherit;
}

.rtl .dropdown-menu {
  left: 0;
  right: inherit;
  float: right;
  text-align: right;
  box-shadow: 0 16px 18px rgba(4, 4, 7, 0.1);
}

.rtl .actions > li > a,
.rtl .main-msg-sright,
.rtl .ms-menu-trigger,
.rtl .msb-reply button {
  box-shadow: 0 2px 3px rgba(4, 4, 7, 0.1);
}

.rtl .dropup .dropdown-toggle::after {
  margin-left: 0.255em;
  margin-right: inherit;
}

.rtl .dropend .dropdown-menu {
  right: auto;
  left: 100%;
  margin-left: 0.125rem;
  margin-right: inherit;
}

.rtl .dropend .dropdown-toggle::after {
  margin-right: 0.255em;
  margin-left: inherit;
  border-left: 0;
  border-right: 0.3em solid;
}

.rtl .dropstart .dropdown-menu {
  right: 100%;
  left: auto;
  margin-right: 0.125rem;
  margin-left: inherit;
}

.rtl .dropstart .dropdown-toggle::after {
  margin-left: 0.255em;
  margin-right: inherit;
}

.rtl .dropstart .dropdown-toggle::before {
  margin-left: 0.255em;
  margin-right: inherit;
  border-left: 0.3em solid;
  border-right: inherit;
}

.rtl .dropdown-menu-arrow.dropdown-menu-end:after,
.rtl .dropdown-menu-arrow.dropdown-menu-end:before,
.rtl .dropdown-menu-arrow.dropdown-menu-start:before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.rtl .header .dropdown-menu[data-popper-placement^="bottom"],
.rtl .header .dropdown-menu[data-popper-placement^="end"],
.rtl .header .dropdown-menu[data-popper-placement^="start"],
.rtl .header .dropdown-menu[data-popper-placement^="top"] {
  box-shadow: -8px 12px 18px 0 rgba(15, 34, 58, 0.1);
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rtl .btn-group > .btn-group:not(:last-child) > .btn,
.rtl .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.rtl .range output {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.rtl .header-message .show.dropdown-menu {
  right: -252px !important;
}

.rtl .profile-dropdown .show.dropdown-menu[data-popper-placement^="bottom"] {
  right: -136px !important;
}

.rtl .dropdown-menu[data-popper-placement^="bottom"],
.rtl .dropdown-menu[data-popper-placement^="end"],
.rtl .dropdown-menu[data-popper-placement^="start"],
.rtl .dropdown-menu[data-popper-placement^="top"] {
  right: auto;
  left: inherit;
}

.rtl .dropdown-menu-arrow.dropdown-menu-start:before {
  left: 15px;
  right: inherit;
}

.rtl .dropdown-menu-arrow.dropdown-menu-start:after {
  left: 16px;
  right: inherit;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
}

.rtl .btn-group .btn + .btn,
.rtl .btn-group .btn + .btn-group {
  margin-right: -1px;
}

.rtl .btn-group .btn-group + .btn,
.rtl .btn-group .btn-group + .btn-group {
  margin-right: -1px;
  margin-left: inherit;
}

.rtl .btn-toolbar,
.rtl .navbar-expand {
  -ms-flex-pack: left;
  justify-content: flex-left;
}

.rtl .btn-group > .btn:first-child {
  margin-left: 0;
  margin-right: initial;
}

.rtl .dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.rtl .btn-group-sm > .btn + .dropdown-toggle-split,
.rtl .btn-sm + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.rtl .btn-group-lg > .btn + .dropdown-toggle-split,
.rtl .btn-lg + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.rtl .modal,
.rtl .modal-backdrop.fade.show,
.rtl .modal-open,
.rtl .modal-open .modal {
  padding-right: 0 !important;
  padding-left: inherit !important;
}

.rtl .btn-group-vertical,
.rtl .media,
.rtl .modal-header {
  -ms-flex-align: left;
  align-items: flex-left;
}

.rtl btn.dropdown-toggle ~ .dropdown-menu,
.rtl ul.dropdown-menu li.dropdown ul.dropdown-menu {
  box-shadow: 0 0 3px rgba(25, 25, 25, 0.3) !important;
}

.rtl .media {
  align-items: flex-left;
}

.rtl .chatbox .user_info,
.rtl .dropdown-media-list .media-body,
.rtl .message-feed.right > .pull-right {
  margin-left: 15px;
  margin-right: inherit;
}

.rtl .dropdown-menu-arrow.dropdown-menu-end:after,
.rtl .dropdown-menu-arrow.dropdown-menu-end:before {
  right: auto;
  left: 22px;
}

.rtl .dropdown-icon {
  margin-right: 0.5rem;
  margin-left: -0.5rem;
}

.rtl .dropdown-toggle.split-dropdown {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.rtl .list-group-item:first-child,
.rtl .nav-tabs .nav-item1.nav-link {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.rtl .list-group-item:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.rtl .list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
}

.rtl .list-inline-dots .list-inline-item + .list-inline-item:before {
  margin-left: -2px;
  margin-right: 3px;
}

.rtl .modal {
  right: 0;
  left: 0;
}

.rtl .modal-backdrop {
  right: 0;
  left: 0;
}

.rtl .modal-header .btn-close {
  margin: -1rem auto -1rem -1rem;
}

.rtl .modal-footer {
  -ms-flex-pack: right;
  justify-content: flex-right;
}

.rtl .modal-footer > :not(:first-child),
.rtl .modal-footer > :not(:last-child) {
  margin-left: 0.25rem;
  margin-right: inherit;
}

.rtl .modal.effect-rotate-bottom.show .modal-dialog {
  transform: translateY(0) rotateX(0);
}

.rtl .modal.effect-just-me .modal-body,
.rtl .modal.effect-just-me .modal-footer,
.rtl .modal.effect-just-me .modal-header {
  padding-left: 0;
  padding-right: 0;
}

.rtl .navbar-brand,
.rtl .page-total-text {
  margin-right: 1rem;
  margin-left: inherit;
}

@media (max-width: 575.98px) {
  .rtl .navbar-expand-sm > .container,
  .rtl .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (max-width: 1279.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-xl > .table-bordered,
  .text-wrap .table-responsive-xl > table {
    border: 0;
  }

  .rtl .navbar-expand-xl > .container,
  .rtl .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1280px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xl-1 {
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-xl-2 {
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xl-5 {
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-xl-8 {
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-xl-11 {
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .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%;
  }

  .rtl .navbar-expand-xl {
    -ms-flex-pack: left;
    justify-content: flex-left;
  }

  .rtl .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}

.rtl .nav-tabs .nav-item1 i {
  margin-right: 0.25rem;
  margin-left: inherit;
}

.rtl .nav-tabs .nav-submenu {
  border-radius: 0 0 3px 3px;
}

@media (max-width: 768px) and (min-width: 481px) {
  .rtl .header-brand {
    margin-left: 20px;
    margin-right: inherit;
  }
}

.rtl .expanel-heading {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

.rtl .expanel-footer {
  border-bottom-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

.rtl .progress-bar-indeterminate:after,
.rtl .progress-bar-indeterminate:before {
  left: 0;
  right: inherit;
  will-change: left, right;
}

.rtl .tag-addon {
  margin: 0 0.5rem 0 -0.5rem;
}

.rtl .tag-avatar {
  border-radius: 0 3px 3px 0;
  margin: 0 -0.5rem 0 0.5rem;
}

.rtl .center-block,
.rtl .thumbnail a > img,
.rtl .thumbnail > img {
  margin-right: auto;
  margin-left: auto;
}

.rtl .video-list-thumbs h2 {
  margin: 8px 0 0;
}

.rtl .video-list-thumbs .fa {
  right: 39%;
  left: inherit;
}

.rtl .video-list-thumbs .duration {
  left: 12px;
  right: inherit;
  padding: 2px 3px 1px;
}

@media (max-width: 768px) {
  .rtl .video-list-thumbs .fa {
    right: 44%;
    left: inherit;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .rtl .video-list-thumbs h2 {
    margin: 8px 0 0;
  }
}

.rtl .bd-example,
.rtl .dropdown-item .bd-example {
  border-width: 0.2rem 0 0;
}

.rtl .media-right,
.rtl .media > .pull-right {
  padding-left: 10px;
  padding-right: inherit;
}

.rtl #ms-menu-trigger,
.rtl .media-left,
.rtl .media > .pull-left {
  padding-right: 10px;
  padding-left: inherit;
}

.rtl .fc-view.fc-listMonth-view .fc-scroller,
.rtl .fc-view.fc-listWeek-view .fc-scroller {
  padding: 0 20px 20px;
}

.rtl .fc-view.fc-listMonth-view .fc-list-item,
.rtl .fc-view.fc-listWeek-view .fc-list-item {
  border-left: 4px solid transparent;
}

.rtl .fc-view.fc-listMonth-view .fc-list-item > td.fc-list-item-title,
.rtl .fc-view.fc-listWeek-view .fc-list-item > td.fc-list-item-title {
  border-right: 1px solid #e9edf4;
}

.rtl .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
.rtl .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
  margin-left: 20%;
  margin-right: inherit;
}

.rtl .fc-view.fc-listMonth-view .fc-list-item-time,
.rtl .fc-view.fc-listWeek-view .fc-list-item-time {
  padding: 12px 15px 2px;
}

.rtl .fc-view.fc-listMonth-view .fc-list-item-title,
.rtl .fc-view.fc-listWeek-view .fc-list-item-title {
  padding: 0 15px 12px;
}

@media (min-width: 576px) {
  .main-contact-info-header {
    padding-top: 20px;
  }

  .main-contact-info-header .media-body .nav-link {
    font-size: 0.875rem;
  }

  .main-contact-info-header .media-body .nav-link + .nav-link {
    margin-left: 10px;
  }

  .main-contact-info-header .media-body .nav-link i {
    margin-right: 7px;
  }

  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-sm-1 {
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-2 {
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-5 {
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-8 {
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-11 {
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .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%;
  }

  .rtl .navbar-expand-sm {
    -ms-flex-pack: left;
    justify-content: flex-left;
  }

  .rtl .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .rtl .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
  .rtl .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
    margin-left: 15%;
    margin-right: inherit;
  }

  .rtl .main-chat-body .media-body {
    margin-right: 0;
    margin-left: inherit;
  }

  .rtl .main-chat-body .media.flex-row-reverse .media-body {
    margin-left: 0;
    margin-right: inherit;
  }
}

@media (min-width: 768px) {
  #checkoutsteps > .steps .number {
    background-color: #eaedf7;
    color: #9197ab;
    font-size: 20px;
    font-weight: 600;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px auto;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .slide-item.active,
  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .slide-menu
    a.active {
    color: var(--primary-bg-color);
    background: 0 0;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .slide-item.active,
  .slide-item:focus,
  .slide-item:hover {
    color: var(--primary-bg-color);
  }

  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-md-1 {
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-2 {
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-5 {
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-8 {
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-11 {
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .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%;
  }

  .rtl .navbar-expand-md {
    -ms-flex-pack: left;
    justify-content: flex-left;
  }

  .rtl .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .rtl .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
  .rtl .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
    margin-left: 12%;
    margin-right: inherit;
  }

  .rtl .page-breadcrumb {
    margin: -0.5rem 0 0;
  }
}

@media (min-width: 992px) {
  .horizontal .app-sidebar__logo,
  .horizontal .app-sidebar__toggle,
  .horizontal.dark-theme .logo-1,
  .mobile-main-header {
    display: none !important;
  }

  .horizontal .app-sidebar.horizontal-main .side-menu .side-badge,
  .horizontal .app-sidebar.horizontal-main .side-menu .side-item-category,
  .horizontal .app-sidebar.horizontal-main .side-menu .sub-category,
  .horizontal .app-sidebar.horizontal-main .side-menu__item .badge,
  .horizontal .header-brand-img .desktop-lgo,
  .horizontal .logo-horizontal .header-brand-img.desktop-logo,
  .horizontal.dark-mode .desktop-lgo,
  .mobile-logo.dark-logo-1,
  .navbar-toggler,
  .search-bar-escape {
    display: none;
  }

  .search-element {
    margin-left: 10px;
    top: 16px;
  }

  .dark-mode .sidenav-toggled .app-sidebar__logo {
    padding: 13px 9px !important;
  }

  .dark-mode .theme-layout,
  .theme-layout {
    border-right: 0px !important;
  }

  .hor-header.header.top-header {
    padding-left: 0 !important;
  }

  .horizontal .header-brand-img {
    margin-top: 11px !important;
  }

  .horizontal .side-menu .side-menu__icon {
    color: #555b6d;
    text-align: center;
    vertical-align: middle;
    margin-right: 0 !important;
    position: relative;
    font-size: 1.25rem !important;
    transition: 0.3s;
    fill: #555b6d;
  }

  .horizontal-hover.horizontal .slide:hover ul.slide-menu,
  .horizontal-hover.horizontal .sub-slide2:hover .sub-slide-menu2,
  .horizontal-hover.horizontal .sub-slide:hover .sub-slide-menu,
  .horizontal.dark-theme .dark-logo-1 {
    display: block !important;
  }

  .horizontal-hover.horizontal .sub-slide.is-expanded .sub-angle {
    transform: none;
  }

  .horizontal .horizontal-main .slide .slide-menu .slide-item:before,
  .horizontal .horizontal-main .slide .sub-slide-menu .slide-item:before,
  .horizontal .horizontal-main .slide .sub-slide-menu2 .slide-item:before,
  .horizontal .slide-menu a:before {
    left: -15px;
    margin-right: 0;
  }

  .horizontal .horizontal-main .slide .slide-menu {
    border-radius: 0 0 5px 5px !important;
  }

  .horizontal .main-sidemenu,
  .horizontal .side-menu {
    margin-top: 0;
    overflow: hidden;
  }

  .horizontal .header .main-header-center {
    margin-top: 6px;
  }

  .horizontal.dark-theme .horizontal-main .slide .slide-menu,
  .horizontal.dark-theme .horizontal-main .slide .sub-slide-menu {
    background-color: var(--dark-theme) !important;
    border: 1px solid #404353;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2) !important;
  }

  .horizontal .horizontal-main {
    z-index: 77 !important;
    position: relative;
    bottom: initial;
  }

  .horizontal .hor-header .container,
  .horizontal .horizontal-main .container,
  .horizontal .main-content.hor-content .container {
    max-width: 85% !important;
    padding: 0;
  }

  .horizontal .header.fixed-header.hor-header,
  .horizontal.scrollable-layout .horizontal-main {
    position: relative;
  }

  .horizontal .side-menu {
    display: flex;
    padding: 0;
  }

  .horizontal .stickyClass .horizontal-main,
  .horizontal-main.fixed-header.visible-title {
    width: 100%;
  }

  .horizontal .horizontal-main.ps {
    overflow: visible !important;
  }

  .horizontal .horizontal-main .slide .slide-menu,
  .horizontal .horizontal-main .slide .sub-slide-menu,
  .horizontal .horizontal-main .slide .sub-slide-menu2 {
    width: 190px;
    position: absolute;
    background-color: #fff;
    z-index: 9999;
    border-radius: 5px;
    padding: 5px;
    min-width: fit-content;
    box-shadow: 0 16px 18px rgba(135, 135, 182, 0.1) !important;
    border: 1px solid #e7eaf3;
  }

  .horizontal .fixed-header {
    position: fixed;
  }

  .horizontal .sub-slide-menu .sub-slide-item2 {
    padding: 8px 24px !important;
  }

  .horizontal .sub-slide .sub-angle {
    right: 0;
    left: auto;
    margin-right: 0 !important;
    position: relative;
    margin-top: 6px;
  }

  .horizontal .sub-angle2 {
    margin-right: 11px;
    top: 6px !important;
  }

  .horizontal .app-sidebar {
    transition: none;
    width: 100%;
  }

  .horizontal .app-sidebar .side-menu__item {
    padding: 13px 25px 13px 10px;
  }

  .horizontal .sub-slide .sub-slide-menu,
  .horizontal .sub-slide .sub-slide-menu2 {
    position: absolute;
    background-color: #fff;
    z-index: 9999;
    box-shadow: 5px 5px 5px #b9b9b9;
    border-radius: 5px;
    padding: 0;
    min-width: fit-content;
    border: 1px solid #f0f0f8;
    left: 180px;
    top: 13px;
  }

  .horizontal .sub-side-menu__item {
    padding: 8px 25px !important;
    line-height: 27px;
  }

  .horizontal .side-menu > li > a {
    display: flex;
    margin: -3px -4px !important;
    text-decoration: none;
    position: relative;
    font-weight: 400;
  }

  .horizontal .side-menu > li > a.active {
    color: #6c756e;
  }

  .horizontal .main-sidemenu i.angle {
    position: relative;
    right: -4px;
    transform: rotate(90deg);
    font-size: 15px;
  }

  .horizontal .main-sidemenu .slide.is-expanded i.angle {
    transform: rotate(-90deg);
    position: relative;
    top: 0;
    font-size: 15px;
  }

  .horizontal .breadcrumb-header {
    margin-top: 20px;
  }

  .horizontal .side-menu .slide .side-menu__item.active {
    border-right: none;
  }

  .horizontal .slide {
    margin: 0 3px;
  }

  .horizontal .header-brand-img .dark-logo,
  .horizontal .logo-horizontal,
  .horizontal .logo-horizontal .header-brand-img.light-logo1,
  .horizontal.dark-mode .dark-logo {
    display: block;
  }

  .main-sidemenu .slide-right {
    right: 10px;
  }

  .main-sidemenu .slide-left,
  .main-sidemenu .slide-right {
    background-color: #fff;
    position: absolute;
    top: 10px;
    padding: 6px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
    border: 1px solid #eaedf1;
    border-radius: 50px;
  }

  .main-sidemenu .slide-left {
    left: 10px;
  }

  .horizontal-main {
    position: relative;
    margin: 0 auto;
  }

  .sticky-pin {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
  }

  .horizontal .hor-header .search-element {
    top: 0;
  }

  .horizontal .form-inline .form-control {
    padding-left: 14px;
    padding-top: 8px;
    margin-top: 12px;
  }

  .horizontal .header-search {
    min-width: 25rem !important;
    border: 1px solid #e6ebf1 !important;
  }

  .horizontal .form-inline .btn {
    padding: 4px 10px;
    top: 13px;
    background-color: var(--primary-bg-color);
    opacity: 1;
    left: inherit;
    right: 0 !important;
  }

  .horizontal .form-inline .btn .search-icon {
    fill: white !important;
    margin-top: 4px !important;
  }

  .horizontal .search-icon {
    width: 24px;
    height: 24px;
  }

  .horizontal .footer,
  .horizontal.dark-mode.footer {
    padding: 1.25rem !important;
  }

  .horizontal .slide-item {
    padding: 8px 25px;
  }

  .horizontal .sub-slide-item {
    padding: 0 0 0 25px !important;
  }

  .horizontal.dark-mode.appside-bar {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18) !important;
  }

  .horizontal .slide .slide-item:focus,
  .horizontal.horizontal-hover.dark-mode .slide .slide-item:hover,
  .horizontal.horizontal-hover.dark-mode
    .slide-menu
    .sub-slide
    a.sub-side-menu__item:hover {
    color: #fff !important;
  }

  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-lg-1 {
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-2 {
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-5 {
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-8 {
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-11 {
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .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%;
  }

  .rtl .navbar-expand-lg {
    -ms-flex-pack: left;
    justify-content: flex-left;
  }

  .rtl .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .rtl .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
  .rtl .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
    margin-left: 10%;
    margin-right: inherit;
  }

  .rtl #messages-main .ms-menu {
    right: 0;
    left: inherit;
    border-left: 1px solid #e6ebf1;
  }

  .rtl #messages-main .ms-body {
    padding-right: 500px;
    padding-left: inherit;
  }

  .rtl .msb-reply {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .rtl .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
  .rtl .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
    margin-left: 8%;
    margin-right: inherit;
  }

  .rtl .dt-buttons.btn-group {
    left: inherit;
    right: 120px;
  }
}

.rtl #messages-main .ms-user > div {
  padding: 3px 5px 0 15px;
}

.rtl #messages-main #ms-compose {
  right: 30px;
  left: inherit;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

.rtl .message-feed:not(.right) .mf-content {
  margin-right: 15px;
  margin-left: inherit;
  border-radius: 4px 12px;
}

.rtl .main-chat-list .media-body,
.rtl .main-chat-msg-name,
.rtl .main-contact-body,
.rtl .message-feed.right .mf-content {
  margin-right: 15px;
  margin-left: inherit;
}

.rtl .mf-date {
  margin-left: 15px;
  margin-right: 15px;
}

.rtl .msb-reply button {
  left: 9px;
  right: inherit;
}

.rtl .actions > li > a {
  margin-right: 5px;
  margin-left: inherit;
}

.rtl #ms-menu-trigger {
  left: 0;
  right: inherit;
  text-align: right;
}

.rtl .ah-actions {
  float: left !important;
}

.rtl .ms-menu-trigger {
  float: left;
}

.rtl .inbox-message ul li:focus,
.rtl .inbox-message ul li:hover {
  background: #f0f0f2;
  z-index: 0;
}

.rtl .chat-conatct-list .media:hover {
  z-index: inherit;
}

.rtl .inbox-message .message-avatar {
  left: 30px;
  right: inherit;
}

.rtl .inbox-message .message-body {
  margin-left: 85px;
  margin-right: inherit;
}

.rtl .message-body-heading h5 {
  margin: 0 0 7px;
}

.rtl .message-body h5 span {
  margin-left: 5px;
  margin-right: inherit;
}

.rtl .list-icons i {
  font-size: 56px;
}

.rtl .ms-menu .tab-menu-heading {
  padding: 0 13px 0 17px;
  border-radius: 5px 0 0;
  border-right: 0;
  border-left: 0;
}

.rtl .ms-menu .tab-menu-heading .tabs-menu1 ul li {
  margin: 0 10px 0 0;
}

.rtl .chat-conatct-list .list-group-item .chat-time,
.rtl .chat-conatct-list .option-dots {
  left: 10px;
  right: inherit;
}

.rtl .chat-box-single-line {
  margin: 7px 0 30px;
}

.rtl .chat .video_cam {
  margin-left: 50px;
  margin-right: inherit;
}

.rtl .chat .video_cam span {
  margin-right: 20px;
  margin-left: inherit;
}

.rtl .chat .msg_cotainer {
  margin-left: 10px;
  margin-right: inherit;
  border-radius: 0 12px;
}

.rtl .chat .msg_cotainer_sright {
  border-radius: 12px 0;
  margin: 0 12px 10px 0;
}

.rtl .chat .msg_head {
  box-shadow: 0 1px 15px 1px rgba(58, 58, 62, 0.4);
}

.rtl #action_menu_btn {
  right: 36px;
  left: inherit;
}

.rtl .action_menu {
  right: 15px;
  left: inherit;
}

.rtl .action-header,
.rtl .chat .action-header {
  padding: 15px 13px 15px 17px;
}

.rtl .chat .dropdown-menu.dropdown-menu-end.show {
  transform: translate3d(-176px, 22px, 0);
  left: 0;
  right: inherit;
}

.rtl .chat .msb-reply textarea {
  margin-left: -42px;
  margin-right: inherit;
}

.rtl .chat .actions > li {
  padding: 0 0 0 2px;
}

.rtl .modal-content .actions > li > a {
  box-shadow: 0 2px 3px rgba(16, 16, 38, 0.1);
}

@media (min-width: 992px) {
  .rtl .main-content-left-chat {
    border-left: 0;
  }

  .rtl .main-chat-footer {
    left: auto;
    right: auto;
  }

  .rtl .main-nav-line-chat {
    padding-right: 0;
    padding-left: inherit;
  }
}

.rtl .main-contact-info-header .media-body .nav-link + .nav-link,
.rtl .main-nav-line-chat .nav-link {
  margin-left: 10px;
  margin-right: inherit;
}

.rtl .main-chat-contacts,
.rtl .main-content-left-contacts .main-content-breadcrumb,
.rtl .main-content-left-contacts .main-content-title {
  padding-left: 20px;
  padding-right: inherit;
}

.rtl .main-chat-list .main-img-user span {
  left: -2px;
  right: inherit;
  box-shadow: 0 0 0 2px #fff;
}

.rtl .main-contact-info-header.bg-contacthead {
  border-radius: 8px 0 0;
}

.rtl .main-chat-header {
  justify-content: flex-left;
  padding: 14.2px 20px;
}

.rtl .main-chat-header .nav,
.rtl .pagination-pager .page-prev {
  margin-right: auto;
  margin-left: inherit;
}

.rtl .main-chat-body .media.flex-row-reverse .main-msg-wrapper {
  margin-left: 15px;
  margin-right: inherit;
  border-radius: 12px 4px;
}

.rtl .main-chat-body .media-body {
  margin-left: 10px;
  margin-right: inherit;
  align-items: flex-start;
}

.rtl .main-msg-wrapper {
  border-radius: 4px 12px;
}

.rtl .main-chat-footer {
  left: 0;
  right: 0;
  border-radius: 0 0 5px 5px;
}

.rtl .main-chat-footer .form-control {
  padding-right: 10px;
  padding-left: 0;
}

.rtl .msg_card_body .msg_cotainer_send {
  margin-right: 10px;
  margin-left: inherit;
}

.rtl #lg-counter,
.rtl .main-contact-info-header,
.rtl .main-contact-label {
  padding-right: 20px;
  padding-left: inherit;
}

.rtl .main-contact-info-header .main-img-user a {
  right: 2px;
  left: inherit;
  box-shadow: 0 0 0 2px #fff;
  border-radius: 100%;
}

.rtl .main-contact-action a i,
.rtl .main-contact-info-header .media-body .nav-link i {
  margin-right: 5px;
  margin-left: inherit;
}

.rtl .main-contact-action {
  left: 20px;
  right: inherit;
}

.rtl .main-contact-action a + a {
  margin-right: 15px;
  left: inherit;
}

.rtl .main-contact-info-body .media-body {
  margin-right: 30px;
  margin-left: inherit;
}

.rtl .jsr_slider::before {
  left: 50%;
  right: inherit;
}

.rtl .range {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.rtl .range output {
  padding: 3px 5px 2px;
}

.rtl .page-subtitle {
  margin-left: 2rem;
  margin-right: inherit;
}

.rtl .page-options,
.rtl .pagination-pager .page-next {
  margin-left: auto;
  margin-right: inherit;
}

.rtl .page-description {
  margin: 0.25rem 0 0;
}

.rtl .content-heading {
  margin: 2rem 0 1.5rem;
}

.rtl .aside {
  right: 0;
  left: inherit;
  border-left: 1px solid #e6ebf1;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.rtl .nav-unread {
  right: 1rem;
  left: inherit;
}

.rtl .app-header1 .header-brand,
.rtl .app-header1 .header-brand .header-brand-img,
.rtl .header-brand,
.rtl .header-brand-img {
  margin-right: 0;
  margin-left: inherit;
}

.rtl .app-header {
  transition: padding-right 0.3s;
}

.rtl .header-btn.has-new:before {
  right: 4px;
  left: inherit;
}

.rtl .header-toggler-icon {
  left: 50%;
  right: inherit;
  margin: -2px 0 0 -0.5rem;
  box-shadow: 0 5px currentColor, 0 -5px currentColor;
}

.rtl footer.footer {
  box-shadow: 16px 0 16px rgba(24, 23, 38, 0.06);
}

.rtl .br-tr-7 {
  border-top-left-radius: 7px !important;
  border-top-right-radius: 0 !important;
}

.rtl .br-br-7 {
  border-bottom-left-radius: 7px !important;
  border-bottom-right-radius: 0 !important;
}

@media (max-width: 320px) {
  .fc-toolbar .fc-right {
    float: right;
    width: 100%;
    text-align: center;
    margin: 10px 0;
  }

  .desktop-lgo {
    display: inline-block !important;
    margin-top: 3px !important;
  }

  .ui-datepicker .ui-datepicker-calender th {
    padding: 4px 0;
    letter-spacing: normal;
  }

  .rtl .fc-toolbar .fc-right {
    float: right;
  }
}

.rtl .header .form-inline .form-control {
  padding-left: 40px;
  padding-right: 55px;
}

.rtl .header .form-inline .btn {
  padding: 0 15px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  right: 0;
  left: inherit;
}

.rtl
  .transfer-double-list-main
  .transfer-double-group-list-ul
  .transfer-double-group-list-li
  .transfer-double-group-list-li-ul {
  padding-right: 20px;
}

.rtl .intl-tel-input .flag-dropdown .country-list .flag {
  margin-left: 6px;
}

.rtl
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-right: -1px !important;
  border-radius: 4px 0 0 4px !important;
}

.rtl .intl-tel-input .flag-dropdown .selected-flag .down-arrow {
  right: 20px;
}

.rtl .intl-tel-input .flag-dropdown .selected-flag {
  padding: 9px 16px 10px 24px !important;
}

.rtl .sw-theme-dots > ul.step-anchor > li > a:after {
  right: 38%;
  left: inherit;
}

.rtl .sw-theme-dots > ul.step-anchor > li > a:before {
  right: 37%;
  left: inherit;
}

.rtl .acc-step-number {
  line-height: 22px;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
}

.rtl .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  left: 6px;
  right: inherit;
}

.rtl .tree li i {
  margin-left: 10px;
  margin-right: inherit;
  float: right;
  margin-top: 5px;
}

.custom-select.open .select-icon,
.rtl .fe.fe-chevron-right {
  transform: rotate(180deg);
}

.rtl #chart2 .apexcharts-yaxis.apexcharts-xaxis-inversed text {
  transform: translateX(-75px);
}

.rtl #chart-timeline .apexcharts-yaxis .apexcharts-yaxis-texts-g text {
  transform: translateX(-35px);
}

.rtl #chart3 .apexcharts-yaxis .apexcharts-yaxis-texts-g text {
  transform: translateX(-25px);
}

.rtl #chart .apexcharts-yaxis .apexcharts-yaxis-texts-g text {
  transform: translateX(-15px);
}

.rtl #echart1 span {
  margin-left: 5px !important;
}

.rtl .c3-axis.c3-axis-y .tick text {
  transform: translateX(-10px);
}

.rtl #chart-bar-rotated .c3-axis.c3-axis-x .tick text,
.rtl #chart-spline-rotated .c3-axis.c3-axis-x .tick text {
  transform: translateX(-20px);
}

.rtl .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.rtl
  .input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.rtl.register-2 .input-group-text {
  border-right: 1px solid #e6ebf1 !important;
  border-left: 0 !important;
}

.rtl.register-3 .input-group-text {
  border-left: 0 !important;
  border-right: 1px solid #755fce !important;
}

.rtl .mail-inbox-elements span.badge {
  margin-right: auto !important;
  margin-left: 0.5rem !important;
}

.rtl .mail-inbox-elements .list-group-item i {
  margin-left: 1.5rem !important;
  margin-right: 0.5rem !important;
}

.rtl
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  margin-right: -4px !important;
  margin-left: inherit !important;
}

.rtl .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before,
.rtl .bs-popover-end > .popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.rtl .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow,
.rtl .bs-popover-end > .popover-arrow {
  right: calc((-17.1rem + 1px) * -1) !important;
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.rtl .bs-popover-end > .popover-arrow::before {
  border-left-color: rgba(0, 0, 0, 0.25) !important;
  border-right-color: transparent !important;
}

.rtl .header-notify .show.dropdown-menu {
  right: -198px !important;
  left: 0 !important;
}

@media (min-width: 992px) and (max-width: 1400px) {
  .rtl .hor-header .header-search {
    min-width: 14rem !important;
  }
}

@media only screen and (max-width: 991.98px) {
  .rtl .animated-arrow {
    right: 0;
    left: inherit;
    padding: 16px 0 16px 35px;
    margin: 0 8px 0 0;
  }
}

.rtl .app-sidebar__logo,
.rtl .header .profile-dropdown,
.rtl .hor-header .profile-dropdown {
  border-left: 1px solid #e6ebf1 !important;
}

@media only screen and (max-width: 991px) {
  .rtl.active .horizontalMenucontainer {
    margin-right: 240px !important;
  }
}

@media (max-width: 991.98px) {
  #fullscreen-button,
  .app-header .header-brand .header-brand-img,
  .main-content-body-show .main-content-left-chat,
  .main-content-body-show .main-header-menu-icon,
  .mobile-logo .dark-logo {
    display: none;
  }

  .main-content-body-show .main-header-left .main-header-arrow {
    display: block;
  }

  .main-content-body-show .main-content-body-chat {
    display: flex;
  }

  .header-brand-img {
    height: 2.5rem;
    top: 18px;
  }

  .dark-mode .header-brand-img.dark-logo {
    margin-top: 0 !important;
  }

  .navbar-collapse.responsive-navbar .header-search .btn {
    position: absolute;
    right: 0;
    top: 4px;
  }

  .dropdown-menu-arrow.dropdown-menu-start:after,
  .dropdown-menu-arrow.dropdown-menu-start:before,
  .header-message,
  .header-notify,
  .navsearch,
  .profile-dropdown,
  .register-2 .header-brand-img,
  .responsive-navbar .collapsing .dropdown-menu,
  .search-element {
    display: none !important;
  }

  .navbar-toggler.navresponsive-toggler {
    padding: 0 !important;
  }

  .navbar-toggler.navresponsive-toggler:focus,
  .search-show .mobile-main-header .search-element .btn:focus {
    box-shadow: none;
  }

  .navbar-toggler.navresponsive-toggler i,
  .page-header {
    margin-top: 10px !important;
  }

  .demo-icon .header-icon {
    margin-top: 18px !important;
  }

  .responsive-navbar .dropdown-menu.show {
    padding: 0.5rem 0 !important;
  }

  .app-header .form-control:focus {
    border-color: #dfdfef;
  }

  .responsive-navbar .collapse.show .dropdown-menu.show {
    display: block !important;
  }

  .header .main-header-end .nav-link.icon {
    padding: 1.8rem 0.3rem !important;
  }

  .header .profile-dropdown {
    padding: 0.7rem 0.5rem;
    border-right: 1px solid #e6ebf1 !important;
  }

  .mobile-main-header .header-message,
  .mobile-main-header .header-notify,
  .mobile-main-header .navsearch,
  .mobile-main-header .profile-dropdown {
    position: inherit;
    display: block !important;
  }

  .search-show .mobile-main-header .search-element {
    position: absolute;
    z-index: 998;
    display: block !important;
    background: #fff !important;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    padding: 12px;
  }

  .search-show .mobile-main-header .search-element .mobile-view-search {
    border: 0;
    padding-left: 55px;
    padding-right: 40px;
    margin-top: 1px;
    padding-bottom: 6px;
  }

  .search-show .mobile-main-header .search-element .btn {
    position: absolute;
    left: 7px;
    top: 10px;
  }

  .search-show .mobile-main-header .search-element .close-btn {
    top: 16px !important;
  }

  .mobile-main-header .header-avatar1 {
    margin-top: 4px !important;
  }

  .desktop-lgo {
    display: block !important;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    position: absolute;
  }

  .app-header {
    padding-bottom: 0 !important;
    z-index: 9999;
  }

  .nav-link.icon .header-icon {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background: 0 0;
    padding: 8px;
    margin-top: 4px;
  }

  .app-header .header-brand {
    margin-right: 0;
    padding-top: 12px;
  }

  #message-menu1 {
    height: 300px;
  }

  .app-sidebar__toggle {
    border-right: 0px !important;
    margin: 0;
    padding: 1rem 0.75rem !important;
    font-size: 1.2rem;
    position: relative;
  }

  .close-btn,
  .pulse {
    position: absolute;
  }

  .pulse {
    display: block;
    top: 18px;
    right: 17px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f72d66;
    cursor: pointer;
    animation: 2s infinite pulse;
  }

  .side-badge {
    top: 13px !important;
  }

  .header-notify .show.dropdown-menu {
    top: 45px;
  }

  .dropdown-menu.show {
    top: 59px;
    left: 0;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border: 1px solid #e6ebf1;
    box-shadow: -8px 12px 18px 0 rgba(15, 34, 58, 0.1);
    padding: 0 !important;
  }

  .close-btn {
    right: 25px;
    font-size: 20px;
    top: 12px;
    color: #728096;
  }

  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-lg > .table-bordered,
  .text-wrap .table-responsive-lg > table {
    border: 0;
  }

  .rtl .navbar-expand-lg > .container,
  .rtl .navbar-expand-lg > .container-fluid,
  .rtl .navbar-expand-md > .container,
  .rtl .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }

  .rtl div.dataTables_wrapper div.dataTables_filter {
    text-align: center !important;
  }

  .rtl .theme-layout.nav-link-bg.layout-setting {
    border-left: 1px solid #e6ebf1 !important;
  }

  .rtl .navbar-collapse.responsive-navbar .header-search .btn {
    left: 0;
    right: inherit;
  }
}

.rtl table.dataTable > thead .sorting:after,
.rtl table.dataTable > thead .sorting_asc:after,
.rtl table.dataTable > thead .sorting_asc_disabled:after,
.rtl table.dataTable > thead .sorting_desc:after,
.rtl table.dataTable > thead .sorting_desc_disabled:after {
  left: 0.5em !important;
  right: inherit;
  content: "↓";
}

.rtl table.dataTable > thead .sorting:before,
.rtl table.dataTable > thead .sorting_asc:before,
.rtl table.dataTable > thead .sorting_asc_disabled:before,
.rtl table.dataTable > thead .sorting_desc:before,
.rtl table.dataTable > thead .sorting_desc_disabled:before {
  left: 1em !important;
  right: inherit;
  content: "↑";
}

.rtl .notify-time {
  position: absolute;
  top: auto;
  bottom: auto;
  left: 25px;
  right: auto;
}

.rtl .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  left: -25px;
  margin-top: -1.65em;
}

.rtl .owl-nav .owl-next {
  left: -25px;
  right: inherit;
}

.rtl .file-image .icons {
  left: 22px;
  right: inherit;
  text-align: left;
}

.rtl .file-image-1 .icons {
  left: 7px;
  right: inherit;
  text-align: left;
}

@media (min-width: 992x) {
  .rtl.closed-menu.sidebar-mini.sidenav-toggled .app-header {
    padding-right: 0;
  }

  .rtl.closed-menu.rtl.sidebar-mini.sidenav-toggled .app-content {
    margin-right: 0 !important;
  }
}

.rtl .tree ul li:before {
  right: -10px;
  left: inherit;
}

.rtl .tree ul:before {
  right: -10px;
  left: inherit;
  border-right: 2px solid #ebecf1;
  border-left: inherit;
}

.rtl .tree ul {
  margin-right: 1em;
  margin-left: inherit;
}

.rtl.login-page .demo-icon {
  right: auto;
  left: 60px;
}

@media (min-width: 992px) {
  .rtl .main-contact-action {
    left: 20px;
    right: inherit;
  }

  .rtl .main-contact-info-header {
    padding-right: 30px;
    padding-left: inherit;
  }

  .rtl .main-contact-info-header .media-body {
    margin-right: 30px;
    margin-left: inherit;
  }

  .rtl .main-contact-label {
    padding-right: 10px;
    padding-left: inherit;
  }

  .rtl .main-content-left-contacts .main-content-breadcrumb,
  .rtl .main-content-left-contacts .main-content-title {
    padding-left: 0;
    padding-right: inherit;
  }

  .rtl .hor-header .demo-icon {
    border-right: 0px solid #e6ebf1 !important;
  }

  .rtl.icontext-menu.sidebar-mini.sidenav-toggled .app-content {
    margin-left: 0 !important;
    margin-right: 120px !important;
  }

  .rtl.icontext-menu.sidebar-mini.sidenav-toggled .app-header {
    padding-right: 120px !important;
  }

  .rtl.icontext-menu.rtl .app-header.header {
    padding-left: 0 !important;
  }

  .rtl.hover-submenu.sidebar-mini.sidenav-toggled .app-content {
    margin-left: 0;
    margin-right: 110px !important;
  }

  .rtl.hover-submenu.sidebar-mini.sidenav-toggled .app-header {
    padding-right: 110px;
    padding-left: inherit;
  }

  .rtl.hover-submenu .app-header.header {
    padding-left: 0;
  }

  .rtl.hover-submenu.app.sidenav-toggled1.sidenav-toggled .slide-menu {
    right: 110px;
  }

  .rtl.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .slide-item,
  .rtl.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .slide-item {
    padding: 10px 14px 10px 20px !important;
  }

  .rtl.hover-submenu.app.sidenav-toggled1 .app-sidebar .sub-side-menu__item,
  .rtl.hover-submenu1.app.sidenav-toggled1 .app-sidebar .sub-side-menu__item,
  .rtl.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled1
    .slide.slide-menu.sub-slide.sub-side-menu__item {
    padding-right: 20px !important;
  }

  .rtl.hover-submenu.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    width: 109px !important;
  }

  .rtl.hover-submenu1.app.sidenav-toggled .app-content {
    margin-left: 0;
  }

  .rtl.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled1
    .slide
    .slide-menu {
    right: 70px;
  }

  .rtl.hover-submenu1 .slide.slide-menu.sub-slide.sub-side-menu__item {
    padding-right: 52px;
  }

  .rtl.hover-submenu1.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    width: 69px !important;
  }

  .rtl.closed-menu.app.sidenav-toggled .main-header1 {
    padding-right: 0 !important;
  }

  .rtl.closed-menu.app.sidenav-toggled .app-content {
    margin-right: 0 !important;
  }

  .rtl.closed-menu.sidebar-mini.sidenav-toggled .app-header {
    padding-right: 0;
  }

  .rtl.horizontal .main-sidemenu i.angle {
    right: 4px !important;
  }

  .rtl.horizontal .slide-item,
  .rtl.horizontal .sub-side-menu__item {
    padding: 8px 25px !important;
  }

  .rtl.horizontal .sub-slide .sub-slide-menu,
  .rtl.horizontal .sub-slide-menu2 {
    right: 180px;
    left: inherit;
  }

  .rtl.horizontal .sub-slide-item,
  .rtl.horizontal .sub-slide-menu2 .sub-slide-item2 {
    padding: 19px 24px 19px 0 !important;
  }

  .rtl.app.sidenav-toggled .app-sidebar {
    right: 250px;
    left: auto;
  }

  .rtl .app-content {
    margin-right: 250px;
    margin-left: inherit;
  }
}

.rtl .app-content {
  -webkit-transition: margin-right 0.3s;
  -o-transition: margin-right 0.3s;
  transition: margin-right 0.3s;
}

.rtl .app-sidebar__toggle {
  border-left: 1px solid #e6ebf1;
  margin-right: -12px;
}

.rtl .app-sidebar {
  right: 0;
  left: auto;
  border-left: 1px solid #e6ebf1;
  -webkit-transition: right 0.3s, width 0.3s;
  transition: right 0.3s, width 0.3s;
}

.rtl .side-menu__item,
.rtl.sidebar-min.sidenav-toggled.sidenav-toggled1
  .app-sidebar
  .side-menu__item {
  padding: 3px 5px 3px 22px;
}

.rtl .side-menu .side-menu__icon {
  margin-right: initial;
}

.rtl .slide.is-expanded .angle,
.rtl .sub-slide.is-expanded .sub-angle,
.rtl .sub-slide2.is-expanded .sub-angle2 {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.rtl .slide-item {
  padding: 7px 44px 7px 14px !important;
}

.rtl.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar {
  -webkit-transition: right 0.3s, width 0.3s;
  transition: right 0.3s, width 0.3s;
}

.rtl.sidebar-mini.sidenav-toggled.sidenav-toggled1
  .app-sidebar
  .side-menu__icon {
  margin-left: 0;
}

.rtl .angle {
  font-size: 0.95rem;
}

.rtl .dropdown-menu.dropdown-menu-end {
  left: 0 !important;
  right: inherit;
}

.rtl .sub-slide-item,
.rtl .sub-slide-item2,
.rtl.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled1
  .app-sidebar
  .sub-slide2
  .sub-slide-item2 {
  padding: 19px 60px 19px 0 !important;
}

.rtl .sub-side-menu__item {
  padding-right: 52px !important;
  padding-left: 33px !important;
  text-align: right;
}

.rtl .sub-slide-menu2 .sub-slide-item2 {
  padding: 19px 75px 19px 0 !important;
}

.rtl .sub-angle2 {
  left: 33px;
  right: auto;
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .rtl .desktop-lgo {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

@media (min-width: 576px) {
  .rtl .main-contact-info-header .media-body .nav-link + .nav-link {
    margin-left: 10px;
    margin-right: inherit;
  }

  .rtl .main-contact-info-header .media-body .nav-link i {
    margin-right: 7px;
    margin-left: inherit;
  }

  .rtl .header .nav-link.icon.layout-setting {
    border-left: 1px solid #e6ebf1 !important;
  }
}

.rtl.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled1
  .side-menu__item {
  padding: 3px 5px 3px 22px !important;
}

.rtl.icontext-menu.sidebar-mini.sidenav-toggled.sidenav-toggled1
  .app-sidebar
  .slide-item {
  padding: 10px 43px 10px 14px !important;
}

.rtl .fa-angle-left:before {
  content: "\f105";
}

.rtl .fa-angle-right:before {
  content: "\f104";
}

.rtl .fa-angle-double-right:before {
  content: "\f100";
}

.rtl .fa-angle-double-left:before {
  content: "\f101";
}

.rtl .wizard > .steps a .number,
.rtl .wizard > .steps a:active .number,
.rtl .wizard > .steps a:hover .number {
  margin-right: inherit;
  margin-left: 5px;
}

.rtl .si-arrow-right:before {
  content: "\e605";
}

.rtl .active.carousel-item-start,
.rtl .carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(100%) !important;
}

.rtl .active.carousel-item-end,
.rtl .carousel-item-next:not(.carousel-item-start) {
  transform: translateX(-100%) !important;
}

.rtl .lg-outer .lg-dropdown .lg-icon {
  margin-left: 8px;
  margin-right: inherit;
}

.rtl .lg-outer .lg-dropdown {
  text-align: right;
  left: 0;
  right: inherit;
}

.rtl .lg-outer .lg-dropdown:after {
  left: 16px;
  right: inherit;
}

.app-sidebar {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}

.app-header,
.app-sidebar {
  z-index: 999999;
  box-shadow: 0 0.76rem 1.52rem rgba(18, 38, 63, 0.03);
  left: 0;
}

@media (min-width: 992px) {
  .rtl .app-header {
    padding-right: 250px;
    padding-left: 0;
    padding-bottom: 0;
  }

  .rtl.sidebar-mini.sidenav-toggled .app-content {
    margin-right: 70px !important;
    margin-left: 0;
    margin-right: inherit;
  }

  .rtl.sidebar-mini.sidenav-toggled .app-sidebar {
    right: 0;
    left: auto;
    -webkit-transition: right 0.3s, width 0.3s;
    transition: right 0.3s, width 0.3s;
  }

  .rtl footer.footer {
    padding: 1.25rem 250px 1.25rem 1.25rem;
  }

  .rtl.sidenav-toggled footer.footer {
    padding: 1.25rem 70px 1.25rem 1.25rem;
  }

  .rtl.sidenav-toggled .app-sidebar__logo {
    padding: 11px 12px;
    width: 70px;
    border-left: 1px solid #e6ebf1 !important;
  }

  .rtl.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    border-left: 1px solid #e6ebf1 !important;
    width: 250px;
  }

  .rtl .search-element {
    margin-right: 16px;
    margin-left: inherit;
  }

  .rtl.sidebar-mini.sidenav-toggled .app-header {
    padding-left: 0;
    padding-right: 70px;
  }

  .rtl.horizontal .app-sidebar .side-menu__item {
    padding: 13px 10px 13px 25px;
  }

  .rtl.sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .side-menu__item {
    padding: 1px 5px 1px 22px;
  }

  .rtl.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item {
    padding: 10px 14px 10px 20px;
  }

  .rtl.hover-submenu.app.sidenav-toggled1 .app-sidebar .sub-slide-item,
  .rtl.hover-submenu.app.sidenav-toggled1 .app-sidebar .sub-slide-item2,
  .rtl.hover-submenu1.app.sidenav-toggled1 .app-sidebar .sub-slide-item,
  .rtl.hover-submenu1.app.sidenav-toggled1 .app-sidebar .sub-slide-item2 {
    padding-right: 35px !important;
    padding-left: inherit !important;
  }

  .app.sidenav-toggled .app-content {
    margin-left: 0;
  }

  .app.sidenav-toggled .app-sidebar {
    left: 250px;
  }

  .app.sidenav-toggled .app-sidebar__overlay {
    visibility: hidden;
  }

  .app-sidebar__user {
    margin-top: 74px;
  }

  .app-content {
    margin-left: 217px;
    padding-bottom: 1rem;
  }
}

.app-sidebar .ps__thumb-y {
  right: 0;
}

.app-content {
  min-height: calc(100vh - 50px);
  margin-top: 50px !important;
  margin-bottom: 0 !important;
  -webkit-transition: margin-left 0.3s;
  -o-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
  overflow: hidden;
}

.app-content .side-app {
  padding: 25px 1.5rem 0;
}

@media (max-width: 991px) {
  .header-brand-img,
  .headerstyle-2 .header .header-brand-img,
  .headerstyle-3 .header .header-brand-img,
  .horizontal.app .main-sidemenu .slide-left,
  .horizontal.app .main-sidemenu .slide-right,
  .media.profile-footer .media-user,
  .register1 .register-1,
  .sub-pageheader .nav-link,
  .top-header.hor-top-header .header-brand.center-logo .desktop-lgo {
    display: none;
  }

  .header .form-inline .search-element .form-control {
    padding-top: 10px;
  }

  .header .form-inline .search-element .btn {
    padding: 0;
    left: 25px;
    top: 22px;
    position: absolute !important;
    margin-top: 0;
  }

  .dark-mode .theme-layout,
  .theme-layout {
    border-left: 0 !important;
  }

  .mobile-header .theme-layout {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }

  .header-message .nav-link {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  .header.top-header.hor-top-header {
    border-bottom: 0;
  }

  .header.hor-header .header-brand-img.light-logo1,
  .page-header,
  .sub-pageheader .left-nav .nav-link:first-child,
  .sub-pageheader .left-nav .nav-link:nth-child(2),
  .sub-pageheader .right-nav .nav-link.d-md-none {
    display: block;
  }

  .page-header .page-leftheader ol {
    padding-top: 0;
    margin-bottom: 12px;
  }

  .page-rightheader h6 {
    font-size: 10px;
  }

  #checkoutsteps > .steps .number {
    background-color: #eaedf7;
    color: #9197ab;
    font-size: 15px;
    font-weight: 600;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px auto;
  }

  #checkoutsteps > .steps a {
    font-size: 12px !important;
  }

  #checkoutsteps .checkoutline {
    height: 3px;
    background-color: #eaedf7;
    -webkit-transform: translateY(1.7rem);
    transform: translateY(1.7rem);
    margin: 0 11%;
    position: relative;
    z-index: 0;
    top: 20px;
  }

  .invoicedetailspage {
    margin-top: 10px;
  }

  .register1 .bg-white {
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
  }

  .register-3 .header-brand-img {
    display: none !important;
  }

  .register-icons {
    margin-bottom: 20px;
  }

  .main-profile-contact-list .media {
    margin-top: 15px !important;
  }

  .horizontal .app.horizontal .side-menu .side-item-category {
    display: block !important;
  }

  .horizontal .app-sidebar.horizontal-main {
    left: -300px;
  }

  .horizontal .main-header.hor-header {
    box-shadow: 0 7px 26px rgba(154, 154, 204, 0.1);
  }

  .horizontal .main-sidemenu {
    padding: 0;
  }

  .horizontal .horizontalMenucontainer .main-header.hor-header {
    position: fixed;
  }

  .hor-content .container,
  .hor-header .container {
    max-width: none;
  }

  .logo-horizontal {
    display: block;
    left: 0;
    right: 0;
    width: inherit;
  }

  .header.hor-header {
    position: fixed;
    border-bottom: 1px solid #e9edf4;
    width: 100%;
    z-index: 999;
    top: 0;
  }

  .header.hor-header .header-brand-img.desktop-logo {
    display: none;
    margin: 0 auto;
  }

  .rtl .app-header .responsive-navbar.navbar .navbar-collapse {
    right: 0;
    left: inherit;
  }

  .rtl
    .responsive-navbar
    .collapse.show
    .dropdown
    .dropdown-menu.header-search {
    left: 0;
    right: 0;
  }

  .rtl .responsive-navbar .collapse.show .dropdown .show.dropdown-menu {
    left: 0 !important;
    right: 0 !important;
  }

  .rtl .shop-dec .col-md-6.pr-0 {
    padding-right: 0.75rem !important;
    padding-left: inherit !important;
  }

  .rtl .shop-dec .col-md-6.pl-0 {
    padding-left: 0.75rem !important;
    padding-right: inherit !important;
  }

  .rtl .dt-buttons.btn-group {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .rtl .hor-header .animated-arrow.hor-toggle {
    right: 6px !important;
    left: inherit !important;
    padding: 16px 0 16px 35px !important;
  }

  .rtl.app .app-sidebar {
    right: -265px;
    left: auto;
  }

  .rtl.app.sidenav-toggled .app-sidebar {
    right: 0;
    left: auto;
  }

  .side-menu {
    margin-top: 0 !important;
  }

  .app {
    overflow-x: hidden;
  }

  .app .app-sidebar {
    left: -265px;
    margin-top: 74px !important;
  }

  .app .app-sidebar__overlay {
    visibility: hidden;
  }

  .app.sidenav-toggled .app-content {
    margin-left: 0;
  }

  .app.sidenav-toggled .app-sidebar {
    left: 0;
  }

  .app.sidenav-toggled .app-sidebar__overlay {
    visibility: visible;
  }

  .sidebar-mini.sidenav-toggled .side-menu .side-menu__icon {
    line-height: 1;
  }

  .app-content {
    margin-top: 50px;
    min-width: 100%;
  }

  .app-sidebar__toggle {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}

.line-head,
.sidebar-mini .sub-slide.is-expanded .sub-slide-menu li:last-child {
  padding-bottom: 10px;
}

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

.line-head {
  border-bottom: 1px solid #ddd;
}

.app-header {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: padding-left 0.3s;
  border-bottom: 1px solid #e6ebf1 !important;
}

.app-nav__item,
.app-search__input {
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
}

.app-header__logo {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  color: #fff;
  text-align: center;
  font-family: Niconne;
  padding: 0 15px;
  font-size: 26px;
  font-weight: 400;
  line-height: 50px;
}

.cabecalho-modais,
.cabecalho-tabela,
.fonte-titulo {
  font-family: var(--font-family-principal);
}

.app-header__logo:focus,
.app-header__logo:hover {
  text-decoration: none;
}

.app-sidebar__toggle {
  padding: 0.85rem 1rem;
  font-size: 1.2rem;
  border-right: 1px solid #e6ebf1;
  position: relative;
  margin-left: -12px;
}

.app-sidebar__toggle a {
  color: #b6c1d9;
}

.app-sidebar__toggle .header-icon {
  line-height: 42px;
  text-align: center;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  padding: 8px;
  margin-top: 3px;
  margin-left: 3px;
}

.app-sidebar__toggle:focus,
.app-sidebar__toggle:hover {
  text-decoration: none;
}

.app-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: flex-right;
}

.app-nav__item {
  display: block;
  padding: 15px;
  line-height: 20px;
  color: #a8a8a8;
  transition: background-color 0.3s;
}

.app-nav__item:focus,
.app-nav__item:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}

.app-search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  margin-right: 15px;
  padding: 10px 0;
}

.app-search__input {
  border: 0;
  padding: 5px 30px 5px 10px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.8);
  transition: background-color 0.3s;
}

.app-search__input:-ms-input-placeholder,
.app-search__input::-ms-input-placeholder,
.app-search__input::-webkit-input-placeholder,
.app-search__input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.app-search__button {
  position: absolute;
  right: 0;
  top: 10px;
  bottom: 10px;
  padding: 0 10px;
  border: 0;
  color: rgba(0, 0, 0, 0.8);
  background: 0 0;
  cursor: pointer;
}

.app-notification {
  min-width: 270px;
}

.app-notification__title {
  padding: 8px 20px;
  text-align: center;
  background-color: rgba(0, 150, 136, 0.4);
  color: #333;
}

.app-notification__footer {
  padding: 8px 20px;
  text-align: center;
  background-color: #eee;
}

.app-notification__content {
  max-height: 220px;
  overflow-y: auto;
}

.app-notification__content::-webkit-scrollbar {
  width: 6px;
}

.app-notification__content::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
}

.app-notification__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 20px;
  color: inherit;
  border-bottom: 1px solid #ddd;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.app-notification__item:focus,
.app-notification__item:hover {
  color: inherit;
  text-decoration: none;
  background-color: #e6ebf1;
}

.app-sidebar__user,
.side-menu__item {
  color: #49b8e5, #1e98d4, #2a92d0, #3a88c8, #507cbe;
}

.app-notification__message {
  line-height: 1.2;
}

.app-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  margin-top: 0;
  width: 250px;
  max-height: 100%;
  background: #fff !important;
  border-right: 1px solid #e6ebf1;
  -webkit-transition: left 0.3s, width 0.3s;
  transition: left 0.3s, width 0.3s;
}

.app-sidebar__user-designation,
.app-sidebar__user-name {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 600;
  font-size: 15px;
  margin-top: 5px !important;
  white-space: nowrap;
  margin-bottom: 0;
}

.app-sidebar::-webkit-scrollbar {
  width: 6px;
}

.app-sidebar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
}

.app-sidebar__user {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: inline-block;
  border-bottom: 1px solid #e6ebf1;
}

.app-sidebar__user .dropdown-menu {
  top: 10px !important;
}

.sidenav-toggled .app-sidebar__user .user-pic {
  margin: 0;
}

.app-sidebar__user .user-pic {
  margin-bottom: 12px;
}

.app-sidebar__user-avatar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 15px;
}

.app-sidebar__user-name {
  line-height: 1.3;
}

.app-sidebar__user-name.text-sm {
  font-size: 12px;
  font-weight: 400;
}

.side-menu {
  margin-bottom: 0;
  padding-bottom: 40px;
  margin-top: 90px;
}

.side-menu__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3px 22px 3px 5px;
  font-size: 20px;
  font-weight: 400;
  border-radius: 0.25rem;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 3px;
}

.app-sidebar-help,
.app-sidebar__logo {
  position: fixed;
  width: 250px;
  background: #fff;
}

.side-menu__item.active,
.side-menu__item:focus,
.side-menu__item:hover {
  text-decoration: none;
  background: #f3f6f8;
  color: var(--cor-principal);
}

.side-menu__item.active .side-menu__icon,
.side-menu__item:focus .side-menu__icon,
.side-menu__item:hover .side-menu__icon {
  fill: var(--primary-bg-color) !important;
}

.side-menu__item .fe-chevron-right {
  font-size: 0.95rem;
}

/* Estilo para o item de menu ativo */
.side-menu__item.active {
  color: var(--cor-principal);
  /* Cor do texto branca */
}

.side-menu__item.active .side-menu__icon {
  fill: #6a1b9a;
  /* Cor roxa para o ícone */
}

.sidenav-toggled .side-menu__item:focus {
  background: 0 0 !important;
}

.sidenav-toggled .side-menu__item:focus .side-menu__icon {
  fill: #6c756e;
}

.sidenav-toggled1 .side-menu__item:focus {
  background: #f3f6f8 !important;
}

.sidenav-toggled1 .side-menu__item:focus .side-menu__icon {
  fill: #fff;
}

.slide.is-expanded a.slide-item {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slide.is-expanded a.slide-item:hover {
  margin-left: 5px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.side-menu .side-menu__icon {
  font-size: 1.24rem;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  padding: 8px;
  margin-right: 0.5rem;
}

.side-menu__icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25px;
}

.side-menu__label {
  white-space: nowrap;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.6px;
  opacity: 1;
  height: auto;
  transition: width 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.slide-menu {
  display: none;
  padding: 0;
  font-size: 0.8rem !important;
}

.slide-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 14px 7px 44px;
  font-size: 13px;
  color: #6c756e;
}

.angle {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  font-size: 12px;
}

.app.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon {
  position: relative;
}

.dropdown-menu {
  border-radius: 0;
}

.app-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: #fff;
  margin: -30px -30px 30px;
  padding: 20px 30px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.app-title h1 {
  margin: 0;
  font-size: 24px;
  font-weight: 400;
}

.app-title p {
  margin-bottom: 0;
}

.app-breadcrumb {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 13px;
  text-transform: capitalize;
  padding: 0;
  text-align: left;
  background-color: transparent;
}

@media (max-width: 480px) {
  .app-search,
  .app-title p {
    display: none;
  }

  .app-title {
    margin: -15px -15px 15px;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: flex-left;
  }

  .app-breadcrumb {
    margin-top: 10px;
  }
}

@media print {
  .app-content {
    margin: 0;
    padding: 0;
    background-color: #fff;
  }

  .app-header,
  .app-sidebar,
  .app-title {
    display: none;
  }

  .tile {
    border: 1px solid #ddd;
  }
}

.sidenav-toggled .app-sidebar__user .avatar-md {
  line-height: 2rem;
  font-size: 1rem;
}

.app-sidebar .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.05);
}

.app-sidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.app-sidebar .mCSB_scrollTools .mCSB_draggerRail {
  background: rgba(255, 255, 255, 0.2);
}

.slide-menu a:before {
  content: "";
  margin-right: 8px;
  position: relative;
  opacity: 0.6;
}

.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge {
  position: absolute;
  top: 5px;
  left: 57px;
  display: block !important;
  padding: 3px 5px !important;
}

.close-toggle,
.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge1 {
  display: none;
}

.nav-badge {
  border-radius: 30px;
  padding: 0.4em 0.6em;
  font-size: 12px;
}

@media (max-width: 991px) and (min-width: 481px) {
  .header-brand {
    margin-left: 0;
    min-width: auto !important;
  }
}

@media (max-width: 991px) {
  .app-sidebar__overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
  }

  .app-header .header-brand-img.mobile-logo {
    margin-left: 0;
    margin-top: 16px;
  }

  .main-content .side-app {
    padding: 25px 0.75rem 0;
  }

  .app-sidebar {
    margin-top: 74px;
  }

  .app-sidebar__logo {
    display: none;
  }
}

.app-sidebar__logo {
  padding: 11px 20px;
  border-right: 1px solid #e6ebf1;
  z-index: 999999;
  -webkit-transition: left 0.3s, width 0.3s;
  -o-transition: left 0.3s, width 0.3s;
  transition: left 0.3s, width 0.3s;
}

.app-sidebar__toggle a i {
  line-height: 1.5;
  margin-top: 0;
}

@media (min-width: 992px) {
  .app-header {
    padding-left: 212px;
    padding-bottom: 0;
  }

  .sidebar-mini.sidenav-toggled .app-header,
  .sidenav-toggled .header.top-header {
    padding-left: 70px;
  }

  .app-header__logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    width: 250px;
  }

  .app-nav {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .app.sidebar-mini.sidenav-toggled .side-menu__label {
    display: none !important;
  }

  .app-sidebar__user-designation,
  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .app-sidebar__user-name {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
    color: #e5e9ec;
    font-size: 15px;
    margin-top: 5px !important;
    white-space: nowrap;
  }

  .app-header .header-brand,
  .header-brand-img.dark-logo,
  .header-brand-img.darkmobile-logo,
  .header-brand-img.mobile-logo,
  .sidebar-mini.sidenav-toggled .angle,
  .sidebar-mini.sidenav-toggled .app-sidebar__user-designation,
  .sidebar-mini.sidenav-toggled .app-sidebar__user-name,
  .sidebar-mini.sidenav-toggled .side-menu li .side-menu__item.active:before,
  .sidebar-mini.sidenav-toggled .sidebar-navs,
  .sidebar-mini.sidenav-toggled .user-info,
  .sidebar-mini.sidenav-toggled .user-notification,
  .sidenav-toggled .app-sidebar .side-item.side-item-category,
  .sidenav-toggled .app-sidebar-help,
  .sidenav-toggled .app-sidebar-help .help-dropdown,
  .sidenav-toggled .header-brand-img.desktop-lgo,
  .sidenav-toggled .side-badge,
  .sidenav-toggled.sidenav-toggled1 .header-brand-img.mobile-logo {
    display: none;
  }

  .sidebar-mini.sidenav-toggled
    .sidebar-mini.sidenav-toggled.user-notification::before {
    background: 0 0;
    display: none;
  }

  .sidebar-mini.sidenav-toggled .avatar-xl {
    width: 3rem !important;
    height: 3rem !important;
    line-height: 3rem;
    font-size: 1rem;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }

  .sidebar-mini.sidenav-toggled .app-sidebar__user {
    top: 0.5rem;
    right: 30px !important;
    margin-top: 74px;
    padding: 4px 0 0;
    margin-bottom: 0;
  }

  .sidebar-mini.sidenav-toggled .app-sidebar__user-avatar {
    width: 25px;
    height: 25px;
  }

  .sidebar-mini.sidenav-toggled .profile-img {
    top: 0;
    right: 19px;
  }

  .sidebar-mini.sidenav-toggled .app-content {
    margin-left: 70px;
  }

  .sidebar-mini.sidenav-toggled .app-sidebar {
    left: 0;
    width: 80px;
    overflow: hidden;
    -webkit-transition: left 0.3s, width 0.3s;
    transition: left 0.3s, width 0.3s;
    max-height: 100%;
  }

  .sidebar-mini.sidenav-toggled .side-menu__item {
    overflow: hidden;
  }

  .sidebar-mini.sidenav-toggled .side-menu__item:hover {
    overflow: visible;
  }

  .sidebar-mini.sidenav-toggled .side-menu__item:hover .side-menu__label,
  .sidebar-mini.sidenav-toggled .slide:hover .side-menu__label {
    opacity: 1;
  }

  .sidebar-mini.sidenav-toggled .side-menu__item:hover + .slide-menu {
    visibility: visible;
  }

  .sidebar-mini.sidenav-toggled .side-menu__label {
    display: block;
    position: absolute;
    top: 0;
    left: 50px;
    min-width: 180px;
    padding: 12px 5px 12px 20px;
    margin-left: -3px;
    line-height: 1;
    opacity: 0;
    background: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2);
  }

  .sidebar-mini.sidenav-toggled .slide:hover .slide-menu {
    max-height: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 10;
  }

  .sidebar-mini.sidenav-toggled .slide .side-menu__label {
    border-bottom-right-radius: 0;
  }

  .sidebar-mini.sidenav-toggled .slide-menu {
    position: absolute;
    left: 0;
    min-width: 180px;
    opacity: 0;
    border-bottom-right-radius: 4px;
    z-index: 9;
    visibility: hidden;
    -webkit-transition: visibility 0.3s;
    -o-transition: visibility 0.3s;
    transition: visibility 0.3s;
    -webkit-box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2);
  }

  .app.sidebar-mini.sidenav-toggled .side-menu__item {
    display: block;
    padding: 5px 0;
    margin: 0 auto;
    text-align: center;
    border-left: 0;
    border-radius: 0;
  }

  .app.sidebar-mini.sidenav-toggled .side-menu_label {
    display: block;
    font-size: 12px;
  }

  .app.sidebar-mini.sidenav-toggled .side-menu__label {
    position: relative;
    padding: 0;
    min-width: 100%;
    margin: 0;
    left: 0;
    opacity: 1;
    background: 0 0;
    font-size: 14px;
    box-shadow: none;
  }

  .sidebar-mini.sidenav-toggled .app-sidebar__user .avatar-md {
    margin: 0 auto;
  }

  .app.sidebar-mini.sidenav-toggled .nav-badge {
    position: absolute;
    top: 8px;
    right: 28px;
    padding: 0.2rem 0.4rem;
    font-size: 11px;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar {
    overflow: visible;
    width: 250px;
    -webkit-transition: left 0.3s, width 0.3s;
    transition: left 0.3s, width 0.3s;
    max-height: 100%;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .app-sidebar__user {
    align-items: center;
    width: 100%;
    padding: 20px;
    display: inline-block;
    border-bottom: 1px solid #e6ebf1;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .app-sidebar__user
    .dropdown-menu {
    top: 10px !important;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .slide.is-expanded
    .slide-menu,
  .sidebar-mini.sidenav-toggled.sidenav-toggled1 .sidebar-navs,
  .sidenav-toggled.sidenav-toggled1 .app-sidebar .side-item.side-item-category,
  .sidenav-toggled.sidenav-toggled1 .app-sidebar-help,
  .sidenav-toggled.sidenav-toggled1 .side-badge {
    display: block;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .app-sidebar__user-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 15px;
    display: inline-block;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .app-sidebar__user-name {
    line-height: 1.3;
    margin-bottom: 0;
    display: inline-block;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .app-sidebar__user-name.text-sm {
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0 !important;
  }

  .app-sidebar__user-designation {
    margin-bottom: 0;
    display: inline-block;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu {
    margin-bottom: 0;
    padding-bottom: 40px;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__item {
    position: relative;
    display: flex !important;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.40625rem;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 400;
    -webkit-transition: border-start-color 0.3s, background-color 0.3s;
    -o-transition: border-start-color 0.3s, background-color 0.3s;
    transition: border-start-color 0.3s, background-color 0.3s;
    padding: 1px 22px 1px 5px;
    border-radius: 0.25rem;
    margin: 0 10px 3px;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .slide-item.active {
    color: #49b8e5, #1e98d4, #2a92d0, #3a88c8, #507cbe;
  }

  .slide-item:focus,
  .slide-item:hover {
    color: var(--primary-bg-color);
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .slide-item.active,
  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .slide.is-expanded
    a,
  .slide-item:focus,
  .slide-item:hover {
    text-decoration: none;
  }

  .app.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon,
  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .side-menu
    .side-menu__icon {
    margin-right: 0;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__icon {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background: 0 0;
    padding: 8px !important;
    margin-right: 0.5rem;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .side-menu__label {
    display: inline-flex !important;
    min-width: inherit;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: unset;
    font-size: 14px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .slide.is-expanded
    .angle {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .angle,
  .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .user-info {
    display: inline-block;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-menu {
    display: none;
    padding: 0;
    font-size: 0.8rem !important;
    box-shadow: none;
    position: unset;
    top: inherit;
    min-width: 0;
    width: 100%;
    opacity: inherit;
    visibility: inherit;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 14px 10px 42px;
    font-size: 13px;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .slide-item
    .icon {
    margin-right: 5px;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .angle {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    font-size: 0.95;
  }

  .sidebar-mini.sidenav-toggled.sidenav-toggled1
    .app-sidebar
    .app-sidebar__user
    img {
    margin-top: 8px;
    width: 4rem !important;
    height: 4rem !important;
    line-height: 4rem;
    font-size: 1.75rem;
    margin-bottom: 0.25rem !important;
  }

  .sidenav-toggled.sidenav-toggled1 .app-sidebar__user .user-pic {
    margin: 0 0 12px;
  }

  .footer {
    padding: 1.25rem;
  }

  .footer.footer {
    padding: 1.25rem 1.25rem 1.25rem 250px;
  }

  .sidenav-toggled footer.footer {
    padding: 1.25rem 1.25rem 1.25rem 70px;
  }

  .header.top-header {
    padding-left: 250px;
  }

  .sidenav-toggled .app-sidebar__logo {
    padding: 11px 12px;
    width: 80px;
    border-right: 1px solid #e6ebf1;
  }

  .sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
    border-right: 1px solid #e6ebf1 !important;
    width: 250px;
  }

  .sidenav-toggled .header-brand-img.mobile-logo {
    display: flex;
    margin: 0 auto;
    height: 3rem;
  }

  .sidenav-toggled.sidenav-toggled1 .header-brand-img.desktop-lgo {
    display: flex;
    margin: 0 auto;
  }

  .app-sidebar.app-sidebar3 {
    top: 74px;
  }

  .app-sidebar.app-sidebar2 {
    box-shadow: none;
    z-index: 9999;
    height: 73px;
  }

  .sidenav-toggled.sidenav-toggled1 .app-sidebar-help .help-dropdown {
    display: flex;
  }

  .sidenav-toggled.sidenav-toggled1 .app-sidebar-help {
    width: 250px;
  }

  .app.sidebar-mini.sidenav-toggled .slide a.side-menu__item.active:after {
    top: 20px;
  }
}

.app-sidebar.app-sidebar3 {
  padding-bottom: 70px;
}

.app-sidebar-help {
  bottom: 0;
  border-top: 1px solid #e6ebf1;
  z-index: 11;
}

.custom-select-container,
.input-icon-senha,
.input-with-icon,
.slide.is-expanded a.sub-side-menu__item,
.sub-slide-item {
  position: relative;
}

.app-sidebar-help .header-icon {
  width: 30px;
  height: 30px;
}

.sub-slide-item {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  padding: 19px 0 19px 60px !important;
  height: 28px !important;
  font-size: 12px;
  color: #6c756e;
}

.sub-slide-menu {
  display: none;
  padding: 0;
  font-size: 0.8rem !important;
  list-style: none;
}

.slide-menu .sub-slide.active.is-expanded {
  background: rgba(255, 255, 255, 0.09);
}

.sub-side-menu__item {
  padding-left: 44px !important;
  padding-right: 33px !important;
  height: 40px !important;
  display: block;
  line-height: 40px;
  font-size: 13px;
  color: #6c756e;
}

.slide a.sub-side-menu__item {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slide a.sub-side-menu__item:hover {
  margin-left: 5px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sub-angle {
  float: right;
  line-height: 40px;
  margin-top: 12px;
}

.help-dropdown {
  color: #49b8e5, #1e98d4, #2a92d0, #3a88c8, #507cbe !important;
}

.app-sidebar__user .user-pic img {
  box-shadow: 0 0 0 4px #eeeef3;
  border: 3px solid #f8f8fc;
  width: 58px;
  height: 58px;
  margin-top: 8px;
}

.app-sidebar__user .user-pic img:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #8760fb;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.sidemenu-footer .icon {
  margin: 5px;
  padding: 7px 14px;
  text-align: center;
  position: relative;
}

.sidemenu-footer .header-icons {
  width: 24px;
  height: 24px;
  color: #49b8e5, #1e98d4, #2a92d0, #3a88c8, #507cbe;
  fill: #49b8e5, #1e98d4, #2a92d0, #3a88c8, #507cbe;
}

.tooltip {
  z-index: 999 !important;
}

.profile-status {
  content: "";
  position: absolute;
  bottom: 0;
  right: 80px;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  top: 51px;
  border: 2px solid #fff;
}

.alert-danger,
.alert-success {
  position: fixed;
  top: 82px;
  right: 9px;
  width: auto;
  z-index: 100;
}

.app-sidebar .side-item.side-item-category {
  color: #005487;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 15px 0;
  padding: 0 20px;
}

.app-sidebar .side-item.side-item-category:not(:first-child) {
  margin-top: 25px;
  margin-bottom: 15px;
}

.app-sidebar__user .user-info .user-name {
  margin-bottom: 2px;
  font-size: 15px;
}

.profile-dropdown .nav-link {
  padding-left: 5px;
}

.profile-dropdown img {
  width: 35px;
  height: 35px;
  box-shadow: 0 2px 3px rgba(4, 4, 7, 0.1);
  border: 2px solid #f8f8fc;
}

.user-pro-body .dot-label {
  width: 6px;
  height: 6px;
}

.sidebar-navs a {
  background: #fff;
  color: #68798b !important;
  padding: 1rem !important;
}

.app-sidebar .sidebar-navs {
  padding: 10px 0 0;
}

.sidebar-navs .header-icons {
  color: #5c678f;
  fill: #5c678f;
  font-size: 20px;
  vertical-align: middle;
}

.slide.active.is-expanded .side-menu__item {
  text-decoration: none;
  color: #49b8e5, #1e98d4, #2a92d0, #3a88c8, #507cbe;
  border-radius: 50px;
}

.app.sidebar-mini.sidenav-toggled .slide.active.is-expanded .side-menu__item {
  border-radius: 0;
}

@media (min-width: 991px) {
  .top-header1 .header-brand2 .header-brand-img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 18px;
  }

  .top-header1 .header-brand {
    display: none;
  }

  .top-header1 .form-inline .form-control {
    width: 250px;
  }

  .sidebar-mini.sidenav-toggled .app-sidebar,
  .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar {
    max-height: 100%;
  }
}

.fonte-titulo {
  font-size: 2rem;
  margin-bottom: 12px;
  padding-top: 2rem;
}

.cabecalho-modais {
  font-size: 1.25rem;
  font-weight: 600;
}

.cabecalho-tabela {
  font-weight: 500;
  font-size: 1rem;
}

.fonte-subtitulo,
.texto-principal {
  font-size: 0.88rem;
  font-family: var(--font-family-principal);
}

.fonte-subtitulo {
  opacity: 70%;
}

.text-sgf {
  font-family: var(--font-family-principal);
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0;
}

.label-modal {
  font-family: var(--font-family-principal);
  font-size: 0.8rem;
  color: #1a141f;
}

.texto-simples {
  font-family: var(--font-family-principal);
  font-size: 0.88rem;
  color: #000;
}

.label-input {
  font-family: var(--font-family-principal);
  font-size: 0.8rem;
  color: #1a141f;
  margin-bottom: 5px;
}

.btn-principal {
  font-family: var(--font-family-principal);
  background-color: var(--cor-principal);
  color: #fff;
}

.btn-noborder,
.btn-secundario {
  color: var(--cor-principal);
  font-family: var(--font-family-principal);
}

.btn-principal:hover {
  background-color: var(--cor-hover);
  color: #fff;
}

.btn-principal:disabled,
.select2-container--bootstrap-5
  .select2-dropdown
  .select2-results__options
  .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5
  .select2-dropdown
  .select2-results__options
  .select2-results__option[aria-selected="true"]:not(
    .select2-results__option--highlighted
  ) {
  background-color: var(--cor-disabled);
  color: #fff;
}

.btn-principal:active {
  background-color: var(--cor-secundaria);
  transform: scale(0.95);
}

.btn-secundario {
  border: 1px solid var(--cor-principal);
  display: flex;
  align-items: center;
}

.btn-secundario:hover {
  border: 1px solid var(--cor-hover);
  color: var(--cor-hover);
}

.btn-secundario:active {
  border: 1px solid var(--cor-secundaria);
  color: var(--cor-secundaria);
  transform: scale(0.95);
}

.btn-secundario:disabled {
  border: 1px solid var(--cor-disabled);
  color: var(--cor-disabled);
}

.btn-noborder {
  border: none;
}

.btn-noborder:active {
  border: none;
  transform: scale(0.95);
  color: var(--cor-secundaria);
}

.btn-noborder:hover {
  color: var(--cor-principal);
  opacity: 60%;
}

.icon-button {
  padding-right: 7px;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.pagination-btn {
  background: 0 0;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 3px;
}

.arrow-custom:hover,
.pagination-btn:hover {
  background-color: var(--cor-disabled);
}

.pagination-page {
  background-color: transparent;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-size: 1rem;
  font-family: var(--font-family-principal);
}

.pagination-page:hover {
  background-color: #e0e0e0;
}

.pagination-page:active {
  color: var(--cor-secundaria);
}

.pagination-page:active,
.pagination-page:focus {
  background-color: #d0d0d0;
  outline: 0;
}

.page-item:not(:first-child) .page-link {
  margin-left: 3px;
}

.custom-input {
  transition: border-color 0.3s;
  border: 1px solid #ced4da;
}

.custom-input::placeholder {
  font-family: var(--font-family-principal);
  font-size: 0.78rem;
  color: var(--cor-cinza-escuro);
}

.custom-input:focus {
  border: 1px solid var(--cor-principal);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.form-select.custom-input:focus,
.select2-container--bootstrap-5 .select2-dropdown {
  border-color: var(--cor-principal);
}

.input-with-icon input[type="text"] {
  padding-left: 30px;
}

.input-with-icon input[type="email"],
.input-with-icon input[type="password"] {
  padding-left: 40px;
}

.input-with-icon svg {
  position: absolute;
  height: 17px;
}

.input-with-icon i {
  position: absolute;
}

.select-input {
  color: var(--cor-cinza-escuro);
  font-size: 0.9rem;
  opacity: 1;
}

.custom-options {
  color: #000;
}

.label-sub {
  color: #c1c1c1;
  font-family: var(--font-family-principal);
}

input[type="password"]::-ms-reveal {
  display: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: flex !important;
  font-family: var(--font-family-principal);
  font-size: 16px !important;
}

.select2-results__option--highlighted {
  background-color: var(--cor-principal) !important;
  color: #fff !important;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection {
  border-color: var(--cor-principal);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.form-select.custom-input:focus {
  outline: 0;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.select2-container--bootstrap-5
  .select2-selection--single
  .select2-selection__rendered
  .select2-selection__placeholder {
  font-family: var(--font-family-principal);
  font-size: 0.8rem;
  color: var(--cor-cinza-escuro);
}

.select2-container--bootstrap-5
  .select2-selection--multiple
  .select2-search
  .select2-search__field {
  font-size: 0.7rem;
}

.select2-container--bootstrap-5
  .select2-dropdown
  .select2-results__options
  .select2-results__option {
  font-size: 0.8rem;
}

.select2-container--bootstrap-5
  .select2-selection--single
  .select2-selection__rendered {
  font-size: 15px;
}

.select2-container--bootstrap-5
  .select2-selection--multiple
  .select2-selection__rendered
  .select2-selection__choice {
  font-size: 0.7rem;
}

.select2-search__field::placeholder {
  color: var(--cor-cinza-escuro);
  font-size: 0.8rem;
}

.mensagem-erro-login {
  color: var(--cor-alerta);
  font-family: var(--font-family-principal);
  padding-top: 3px;
}

.alert {
  background: #fff;
  font-family: var(--font-family-principal);
  border: 1px solid #e5e0eb;
  font-weight: 400;
}

.alert i.fa {
  padding: 9px;
  border-radius: 50%;
  margin-right: 10px;
}

.btn-close {
  color: var(--cor-cinza);
  font-size: 24px;
}

.btn-close:hover {
  color: var(--cor-cinza);
  opacity: 60%;
}

.text-msg {
  color: #4b3a5a;
  font-size: 0.8rem;
}

.alert-success {
  color: var(--cor-sucesso);
  border-left: 7px solid rgba(100, 183, 107, 0.3);
}

.alert-success i.fa {
  background-color: rgba(100, 183, 107, 0.3);
}

.alert-danger {
  color: var(--cor-alerta);
  border-left: 7px solid rgba(213, 26, 82, 0.3);
}

.alert-danger i.fa {
  background-color: rgba(213, 26, 82, 0.3);
}

#modalOffline {
  position: fixed;
  /* Fixa o modal para sempre estar visível na tela */
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999999999999;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}

.alert-atention {
  color: var(--cor-atencao);
  border-left: 7px solid rgba(255, 149, 0, 0.3);
}

.atention-custom {
  background: #fff4e9;
}

.alert-atention i.fa {
  background-color: rgba(255, 149, 0, 0.3);
}

.alert-info {
  color: var(--cor-info);
  border-left: 7px solid rgba(157, 63, 231, 0.3);
}

.alert-info i.fa {
  background-color: rgba(157, 63, 231, 0.3);
}

.form-check-input:checked {
  background-color: var(--cor-principal);
  border-color: var(--cor-principal);
  box-shadow: none;
}

.form-check-input:disabled {
  background-color: var(--cor-disabled);
  border-color: var(--cor-disabled);
}

.form-check {
  padding-top: 0.5rem !important;
}

.form-switch-custom {
  width: 3rem !important;
  height: 1.8rem;
}

.table {
  background-color: #fff;
  font-family: var(--font-family-principal);
}

.custom-table th {
  background: #1c1c1c1c;
  color: #000;
}

.table tr {
  border-bottom: 1px solid #1c1c1c1c;
  color: #1c1c1c;
  opacity: 90%;
}

.custom-sidebar,
.custom-sidebar__logo {
  width: 217px;
}

.custom-sidebar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.login-container {
  display: flex;
  min-height: 100vh;
}

.description-section {
  background: linear-gradient(to bottom, #8100d0 0, #5e0dae 53%, #401990 100%);
  color: #fff;
  padding: 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1.4;
  position: relative;
}

.description-section img {
  position: absolute;
  top: 20px;
  left: 20px;
  max-width: 150px;
}

.login-section {
  background-color: #fff;
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.description-content {
  padding-right: 50px;
  margin-bottom: 7rem;
  padding-left: 4rem;
}

.login-form {
  max-width: 400px;
  padding: 20px;
  width: 70%;
}

.logo {
  max-width: 25%;
  padding: 1rem;
  margin: 1rem;
}

.icone-email {
  display: inline-block;
  width: 1em;
  height: 1em;
  color: #b0b0b0;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm8-7L4 8v10h16V8zm0-2l8-5H4zM4 8V6v12z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.custom-title {
  color: #fff;
  font-weight: 600;
  text-align: left;
  margin-left: 5rem;
  margin-top: 1rem;
  line-height: 1.5;
  width: 400px;
}

.custom-subtitle {
  color: #fff;
  margin-left: 5rem;
  font-size: 1.1rem;
  width: 457px;
}

div.circulos-login {
  position: fixed;
  padding-top: 110vh;
  margin-left: -6rem;
}

.circulos {
  background: 0 0;
  border: 1px solid #ae60eb;
  border-radius: 50%;
  width: 400px;
  height: 400px;
}

.circulo1 {
  position: absolute;
  margin-top: 8vh;
  margin-left: 6rem;
}

.login-titulo {
  color: #000;
  font-weight: 600;
  font-size: 1.5rem;
}

.custom-text-login {
  font-size: 0.7rem;
  text-align: right;
  padding-top: 8px;
}

.clique-aqui {
  color: #7c00dd;
  font-weight: 700;
  cursor: pointer;
}

.hidden,
.logo-right {
  display: none;
}

.obrigatorio {
  color: var(--cor-alerta);
}

@media (max-width: 840px) {
  .login-container {
    flex-direction: column;
    background-color: #7c00dd;
  }

  .login-section {
    background-color: #7c00dd;
    color: #fff;
    padding: 2rem 0 0;
    flex: 0;
  }

  .description-section {
    background: 0 0;
    flex: 0;
  }

  .login-section form {
    padding: 30px;
    border-radius: 10px;
    color: #000;
  }

  .circulos-login,
  .description-content {
    display: none;
  }

  .clique-aqui,
  .login-titulo,
  .texto-principal {
    color: #fff;
  }

  .btn-principal {
    border: 1px solid;
  }
}

.custom-select,
.toggle-container {
  background-color: #fff;
  padding: 10px;
}

.toggle-container,
nav.cabecalho-tabela {
  border-bottom: 1px solid #ccc;
}

.custom-nav-link {
  opacity: 70%;
  font-size: 0.8rem;
}

.custom-nav-link.active {
  color: #7c00dd;
  opacity: 100%;
  border-bottom: 1px solid var(--cor-principal);
}

.custom-nav-link:hover {
  background-color: var(--cor-hover);
  opacity: 50%;
  border-radius: 5px;
  color: #000;
}

table.dataTable {
  padding-top: 6px !important;
}

.custom-select {
  border: 1px solid #ccc;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.select-text {
  flex-grow: 1;
  font-family: var(--font-family-principal);
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--cor-cinza);
}

.select-icon {
  transition: transform 0.3s;
}

.toggle-container {
  display: none;
  border-top: none;
}

.select-config {
  border-left: none;
  border-right: none;
}

.circle-subcategorias {
  background: #f7edff;
  color: var(--cor-principal);
  padding: 7px 8px;
  border-radius: 100%;
  font-weight: 600;
  cursor: pointer;
}

.custom-btn {
  display: flex;
  align-items: center;
  gap: 7px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  margin-left: -1rem;
  font-size: 14px;
}

.custom-content {
  padding-right: 5rem;
  padding-left: 5rem;
  padding-top: 2rem;
}

.custom-salvar {
  width: 100%;
  margin-top: 1rem;
}

.fonte-texto-senha {
  font-family: var(--font-family-principal);
  font-weight: 500;
  margin-bottom: 5px;
}

.fa-check-circle {
  color: var(--cor-sucesso);
  padding-right: 10px;
}

.fa-times-circle {
  color: var(--cor-alerta);
  padding-right: 10px;
}

.fa-arrow-left {
  padding-right: 8px;
}

.btn-sair {
  margin-top: 3rem;
  margin-bottom: 2rem;
  cursor: pointer;
}

.btn-sair:hover {
  opacity: 80%;
}

.input-icon-senha i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

.fa-eye,
.fa-eye-slash {
  color: #c1c1c1;
}

@media (max-width: 576px) {
  .custom-content {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

.t-fornecedor-media thead {
  position: sticky;
  top: -1px;
  z-index: 1; /* Garante que o cabeçalho fique acima do conteúdo */
}

.t-fornecedor-media {
  overflow: hidden;
  height: 300px;
}

.t-fornecedor-media table {
  height: 300px;
}

.no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 40px 20px;
}

.no-data-icon-wrapper {
  width: 90px;
  height: 90px;
  background-color: #f3f4f6;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}

.no-data-icon-wrapper i {
  font-size: 40px;
  color: #6b7280;
}

.no-data-title {
  margin-bottom: 10px;
}

.no-data-description {
  max-width: 360px;
}