@charset "UTF-8";
/*!
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --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, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

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

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

dt {
  font-weight: 700;
}

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

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}

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

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

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

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

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

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

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

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

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

textarea {
  overflow: auto;
  resize: vertical;
}

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

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

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;
}

output {
  display: inline-block;
}

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

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

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

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

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

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

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

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

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

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

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

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

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

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

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

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

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

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

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

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

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

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

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  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) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

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

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

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

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

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

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

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

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

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

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

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

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

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

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

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

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

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

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }

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

  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }

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

  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }

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

  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

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

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

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

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

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

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

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

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.3333333333%;
  }

  .offset-md-2 {
    margin-left: 16.6666666667%;
  }

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

  .offset-md-4 {
    margin-left: 33.3333333333%;
  }

  .offset-md-5 {
    margin-left: 41.6666666667%;
  }

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

  .offset-md-7 {
    margin-left: 58.3333333333%;
  }

  .offset-md-8 {
    margin-left: 66.6666666667%;
  }

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

  .offset-md-10 {
    margin-left: 83.3333333333%;
  }

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

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

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

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

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

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

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

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

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }

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

  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }

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

  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }

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

  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

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

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

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

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

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

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

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

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }

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

  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }

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

  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }

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

  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #fff;
}
.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #fff;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #fff;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e;
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #212529;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #32383e;
}
.table-dark.table-bordered {
  border: 0;
}
.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: 575.98px) {
  .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 {
    border: 0;
  }
}
@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 {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .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 {
    border: 0;
  }
}
@media (max-width: 1199.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 {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

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

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.btn {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px);
}

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(2.875rem + 2px);
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.8);
  border-radius: 0.2rem;
}

.was-validated .form-control:valid, .form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  background-color: #71dd8a;
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #34ce57;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
  border-color: inherit;
}
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.8);
  border-radius: 0.2rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: #efa2a9;
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #e4606d;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
  border-color: inherit;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:hover, .btn:focus {
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  background-image: none;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  background-color: transparent;
  background-image: none;
  border-color: #007bff;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  background-color: transparent;
}
.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.show {
  opacity: 1;
}

.collapse {
  display: none;
}
.collapse.show {
  display: block;
}

tr.collapse.show {
  display: table-row;
}

tbody.collapse.show {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropup .dropdown-menu {
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 0 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after {
  margin-left: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file:focus {
  z-index: 3;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::before {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

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

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  background-color: #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
}
.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  margin-bottom: 0;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  user-select: none;
  background-color: #dee2e6;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #007bff;
}
.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::before {
  background-color: #007bff;
}
.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 {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #007bff;
}
.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-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none;
}
.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);
}
.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: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  opacity: 0;
}

.custom-select-sm {
  height: calc(1.8125rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%;
}

.custom-select-lg {
  height: calc(2.875rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 125%;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-control {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input:focus ~ .custom-file-control::before {
  border-color: #80bdff;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(calc(2.25rem + 2px) - 1px * 2);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar > .container,
.navbar > .container-fluid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}
.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .dropdown-menu-right {
  right: 0;
  left: auto;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: flex;
  flex-direction: column;
}
.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: flex;
  flex-direction: column;
}
.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-top,
.card-group > .card:first-child .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-bottom,
.card-group > .card:first-child .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-top,
.card-group > .card:last-child .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-bottom,
.card-group > .card:last-child .card-footer {
    border-bottom-left-radius: 0;
  }
  .card-group > .card:only-child {
    border-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-top,
.card-group > .card:only-child .card-header {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-bottom,
.card-group > .card:only-child .card-footer {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
    border-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0062cc;
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #545b62;
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}
.badge-success[href]:hover, .badge-success[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1e7e34;
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
.badge-info[href]:hover, .badge-info[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #117a8b;
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}
.badge-warning[href]:hover, .badge-warning[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #d39e00;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
.badge-danger[href]:hover, .badge-danger[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #bd2130;
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
.badge-light[href]:hover, .badge-light[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #dae0e5;
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}
.badge-dark[href]:hover, .badge-dark[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1d2124;
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.alert-primary hr {
  border-top-color: #9fcdff;
}
.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.alert-secondary hr {
  border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-success hr {
  border-top-color: #b1dfbb;
}
.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-info hr {
  border-top-color: #abdde5;
}
.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-warning hr {
  border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger hr {
  border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light hr {
  border-top-color: #ececf6;
}
.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.alert-dark hr {
  border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
  color: #040505;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  background-color: #007bff;
  transition: width 0.6s ease;
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}

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

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.list-group-item:hover, .list-group-item:focus {
  z-index: 1;
  text-decoration: none;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #004085;
  background-color: #9fcdff;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.close:not(:disabled):not(.disabled) {
  cursor: pointer;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -25%);
}
.modal.show .modal-dialog {
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

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

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  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;
}

.modal-z {
  z-index: 1070 !important;
  background-color: rgba(0, 0, 0, 0.4);
}

.EditIcon {
  color: #939393;
  text-decoration: none;
  font-size: 18px;
}
.EditIcon:hover {
  color: #efb334;
}

.PermList {
  background: #fbfbfb;
}
.PermList .custom-control {
  border-left: 5px solid #fff;
}
.PermList li {
  border-right: 5px solid #027d82;
}

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

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

  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top .arrow, .bs-popover-auto[x-placement^=top] .arrow {
  bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^=top] .arrow::after {
  border-width: 0.5rem 0.5rem 0;
}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=top] .arrow::before {
  bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::after {
  bottom: 1px;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right .arrow, .bs-popover-auto[x-placement^=right] .arrow {
  left: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=right] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^=right] .arrow::after {
  border-width: 0.5rem 0.5rem 0.5rem 0;
}
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=right] .arrow::before {
  left: 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::after {
  left: 1px;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^=bottom] .arrow {
  top: calc((0.5rem + 1px) * -1);
}
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=bottom] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^=bottom] .arrow::after {
  border-width: 0 0.5rem 0.5rem 0.5rem;
}
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=bottom] .arrow::before {
  top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::after {
  top: 1px;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left .arrow, .bs-popover-auto[x-placement^=left] .arrow {
  right: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=left] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^=left] .arrow::after {
  border-width: 0.5rem 0 0.5rem 0.5rem;
}
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=left] .arrow::before {
  right: 0;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::after {
  right: 1px;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  align-items: center;
  width: 100%;
  transition: transform 0.6s ease;
  backface-visibility: hidden;
  perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
  .carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translate3d(0, 0, 0);
  }
}

.carousel-item-next,
.active.carousel-item-right {
  transform: translateX(100%);
}
@supports (transform-style: preserve-3d) {
  .carousel-item-next,
.active.carousel-item-right {
    transform: translate3d(100%, 0, 0);
  }
}

.carousel-item-prev,
.active.carousel-item-left {
  transform: translateX(-100%);
}
@supports (transform-style: preserve-3d) {
  .carousel-item-prev,
.active.carousel-item-left {
    transform: translate3d(-100%, 0, 0);
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  position: relative;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  background-color: rgba(255, 255, 255, 0.5);
}
.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

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

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

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

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

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

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

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

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

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

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

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

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

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

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

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

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

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

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

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .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: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

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

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }
}
.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

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

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

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

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
}

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

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

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

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

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

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

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

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

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

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

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

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

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

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

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

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

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

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

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

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

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

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

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

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

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

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

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

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

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

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

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

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }

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

  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

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

  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important;
  }

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

  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

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

  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
  }

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

  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

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

  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important;
  }

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

  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

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

  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5rem !important;
  }

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

  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

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

  .mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important;
  }

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

  .ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }

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

  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

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

  .mr-md-1,
.mx-md-1 {
    margin-right: 0.25rem !important;
  }

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

  .ml-md-1,
.mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

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

  .mr-md-2,
.mx-md-2 {
    margin-right: 0.5rem !important;
  }

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

  .ml-md-2,
.mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

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

  .mr-md-3,
.mx-md-3 {
    margin-right: 1rem !important;
  }

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

  .ml-md-3,
.mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

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

  .mr-md-4,
.mx-md-4 {
    margin-right: 1.5rem !important;
  }

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

  .ml-md-4,
.mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

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

  .mr-md-5,
.mx-md-5 {
    margin-right: 3rem !important;
  }

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

  .ml-md-5,
.mx-md-5 {
    margin-left: 3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
.py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
.px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
.px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
.py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
.px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
.px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
.py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
.px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
.py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
.px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
.py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
.px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
.py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
.px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
.py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
.px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
.py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }

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

  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

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

  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important;
  }

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

  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

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

  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important;
  }

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

  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

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

  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important;
  }

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

  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

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

  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5rem !important;
  }

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

  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

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

  .mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important;
  }

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

  .ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }

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

  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

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

  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.25rem !important;
  }

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

  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

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

  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.5rem !important;
  }

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

  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

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

  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1rem !important;
  }

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

  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

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

  .mr-xl-4,
.mx-xl-4 {
    margin-right: 1.5rem !important;
  }

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

  .ml-xl-4,
.mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

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

  .mr-xl-5,
.mx-xl-5 {
    margin-right: 3rem !important;
  }

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

  .ml-xl-5,
.mx-xl-5 {
    margin-left: 3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
.py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
.px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
.px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
.py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
.px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
.px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
.py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
.px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
.px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

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

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

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

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

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0062cc !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #545b62 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #1e7e34 !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #117a8b !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #d39e00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #bd2130 !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #dae0e5 !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #1d2124 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
*::before,
*::after {
    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;
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

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

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

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

  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }

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

  .navbar {
    display: none;
  }

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

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

  .table-bordered th,
.table-bordered td {
    border: 1px solid #fff !important;
  }
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url("../Fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../Fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../Fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../Fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../Fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../Fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.2857142857em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-gear:before,
.fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-gears:before,
.fa-cogs:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-feed:before,
.fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before,
.fa-users:before {
  content: "";
}

.fa-chain:before,
.fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before,
.fa-scissors:before {
  content: "";
}

.fa-copy:before,
.fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}

.fa-legal:before,
.fa-gavel:before {
  content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-flash:before,
.fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "";
}

.fa-euro:before,
.fa-eur:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before,
.fa-usd:before {
  content: "";
}

.fa-rupee:before,
.fa-inr:before {
  content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}

.fa-won:before,
.fa-krw:before {
  content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-automobile:before,
.fa-car:before {
  content: "";
}

.fa-cab:before,
.fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-file-pdf-o:before {
  content: "";
}

.fa-file-word-o:before {
  content: "";
}

.fa-file-excel-o:before {
  content: "";
}

.fa-file-powerpoint-o:before {
  content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "";
}

.fa-file-code-o:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "";
}

.fa-ge:before,
.fa-empire:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-circle-thin:before {
  content: "";
}

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bell-slash-o:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-pie-chart:before {
  content: "";
}

.fa-line-chart:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-facebook-official:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-hotel:before,
.fa-bed:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-sticky-note-o:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-hourglass-o:before {
  content: "";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "";
}

.fa-hand-scissors-o:before {
  content: "";
}

.fa-hand-lizard-o:before {
  content: "";
}

.fa-hand-spock-o:before {
  content: "";
}

.fa-hand-pointer-o:before {
  content: "";
}

.fa-hand-peace-o:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-tv:before,
.fa-television:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-500px:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-calendar-plus-o:before {
  content: "";
}

.fa-calendar-minus-o:before {
  content: "";
}

.fa-calendar-times-o:before {
  content: "";
}

.fa-calendar-check-o:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-map-o:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-commenting:before {
  content: "";
}

.fa-commenting-o:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-credit-card-alt:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-pause-circle-o:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stop-circle-o:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-wheelchair-alt:before {
  content: "";
}

.fa-question-circle-o:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-volume-control-phone:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "";
}

.fa-handshake-o:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-o:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-book-o:before {
  content: "";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-circle-o:before {
  content: "";
}

.fa-user-o:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-eercast:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-snowflake-o:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

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

.flag-icon-background, .flag-icon {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.3333333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: " ";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-ad {
  background-image: url(..//Images/Flags/4x3/ad.svg);
}
.flag-icon-ad.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ad.svg);
}

.flag-icon-ae {
  background-image: url(..//Images/Flags/4x3/ae.svg);
}
.flag-icon-ae.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ae.svg);
}

.flag-icon-af {
  background-image: url(..//Images/Flags/4x3/af.svg);
}
.flag-icon-af.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/af.svg);
}

.flag-icon-ag {
  background-image: url(..//Images/Flags/4x3/ag.svg);
}
.flag-icon-ag.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ag.svg);
}

.flag-icon-ai {
  background-image: url(..//Images/Flags/4x3/ai.svg);
}
.flag-icon-ai.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ai.svg);
}

.flag-icon-al {
  background-image: url(..//Images/Flags/4x3/al.svg);
}
.flag-icon-al.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/al.svg);
}

.flag-icon-am {
  background-image: url(..//Images/Flags/4x3/am.svg);
}
.flag-icon-am.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/am.svg);
}

.flag-icon-ao {
  background-image: url(..//Images/Flags/4x3/ao.svg);
}
.flag-icon-ao.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ao.svg);
}

.flag-icon-aq {
  background-image: url(..//Images/Flags/4x3/aq.svg);
}
.flag-icon-aq.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/aq.svg);
}

.flag-icon-ar {
  background-image: url(..//Images/Flags/4x3/ar.svg);
}
.flag-icon-ar.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ar.svg);
}

.flag-icon-as {
  background-image: url(..//Images/Flags/4x3/as.svg);
}
.flag-icon-as.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/as.svg);
}

.flag-icon-at {
  background-image: url(..//Images/Flags/4x3/at.svg);
}
.flag-icon-at.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/at.svg);
}

.flag-icon-au {
  background-image: url(..//Images/Flags/4x3/au.svg);
}
.flag-icon-au.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/au.svg);
}

.flag-icon-aw {
  background-image: url(..//Images/Flags/4x3/aw.svg);
}
.flag-icon-aw.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/aw.svg);
}

.flag-icon-ax {
  background-image: url(..//Images/Flags/4x3/ax.svg);
}
.flag-icon-ax.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ax.svg);
}

.flag-icon-az {
  background-image: url(..//Images/Flags/4x3/az.svg);
}
.flag-icon-az.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/az.svg);
}

.flag-icon-ba {
  background-image: url(..//Images/Flags/4x3/ba.svg);
}
.flag-icon-ba.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ba.svg);
}

.flag-icon-bb {
  background-image: url(..//Images/Flags/4x3/bb.svg);
}
.flag-icon-bb.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/bb.svg);
}

.flag-icon-bd {
  background-image: url(..//Images/Flags/4x3/bd.svg);
}
.flag-icon-bd.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/bd.svg);
}

.flag-icon-be {
  background-image: url(..//Images/Flags/4x3/be.svg);
}
.flag-icon-be.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/be.svg);
}

.flag-icon-bf {
  background-image: url(..//Images/Flags/4x3/bf.svg);
}
.flag-icon-bf.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/bf.svg);
}

.flag-icon-bg {
  background-image: url(..//Images/Flags/4x3/bg.svg);
}
.flag-icon-bg.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/bg.svg);
}

.flag-icon-bh {
  background-image: url(..//Images/Flags/4x3/bh.svg);
}
.flag-icon-bh.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/bh.svg);
}

.flag-icon-bi {
  background-image: url(..//Images/Flags/4x3/bi.svg);
}
.flag-icon-bi.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/bi.svg);
}

.flag-icon-bj {
  background-image: url(..//Images/Flags/4x3/bj.svg);
}
.flag-icon-bj.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/bj.svg);
}

.flag-icon-bl {
  background-image: url(..//Images/Flags/4x3/bl.svg);
}
.flag-icon-bl.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/bl.svg);
}

.flag-icon-bm {
  background-image: url(..//Images/Flags/4x3/bm.svg);
}
.flag-icon-bm.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/bm.svg);
}

.flag-icon-bn {
  background-image: url(..//Images/Flags/4x3/bn.svg);
}
.flag-icon-bn.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/bn.svg);
}

.flag-icon-bo {
  background-image: url(..//Images/Flags/4x3/bo.svg);
}
.flag-icon-bo.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/bo.svg);
}

.flag-icon-bq {
  background-image: url(..//Images/Flags/4x3/bq.svg);
}
.flag-icon-bq.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/bq.svg);
}

.flag-icon-br {
  background-image: url(..//Images/Flags/4x3/br.svg);
}
.flag-icon-br.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/br.svg);
}

.flag-icon-bs {
  background-image: url(..//Images/Flags/4x3/bs.svg);
}
.flag-icon-bs.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/bs.svg);
}

.flag-icon-bt {
  background-image: url(..//Images/Flags/4x3/bt.svg);
}
.flag-icon-bt.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/bt.svg);
}

.flag-icon-bv {
  background-image: url(..//Images/Flags/4x3/bv.svg);
}
.flag-icon-bv.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/bv.svg);
}

.flag-icon-bw {
  background-image: url(..//Images/Flags/4x3/bw.svg);
}
.flag-icon-bw.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/bw.svg);
}

.flag-icon-by {
  background-image: url(..//Images/Flags/4x3/by.svg);
}
.flag-icon-by.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/by.svg);
}

.flag-icon-bz {
  background-image: url(..//Images/Flags/4x3/bz.svg);
}
.flag-icon-bz.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/bz.svg);
}

.flag-icon-ca {
  background-image: url(..//Images/Flags/4x3/ca.svg);
}
.flag-icon-ca.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ca.svg);
}

.flag-icon-cc {
  background-image: url(..//Images/Flags/4x3/cc.svg);
}
.flag-icon-cc.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/cc.svg);
}

.flag-icon-cd {
  background-image: url(..//Images/Flags/4x3/cd.svg);
}
.flag-icon-cd.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/cd.svg);
}

.flag-icon-cf {
  background-image: url(..//Images/Flags/4x3/cf.svg);
}
.flag-icon-cf.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/cf.svg);
}

.flag-icon-cg {
  background-image: url(..//Images/Flags/4x3/cg.svg);
}
.flag-icon-cg.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/cg.svg);
}

.flag-icon-ch {
  background-image: url(..//Images/Flags/4x3/ch.svg);
}
.flag-icon-ch.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ch.svg);
}

.flag-icon-ci {
  background-image: url(..//Images/Flags/4x3/ci.svg);
}
.flag-icon-ci.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ci.svg);
}

.flag-icon-ck {
  background-image: url(..//Images/Flags/4x3/ck.svg);
}
.flag-icon-ck.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ck.svg);
}

.flag-icon-cl {
  background-image: url(..//Images/Flags/4x3/cl.svg);
}
.flag-icon-cl.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/cl.svg);
}

.flag-icon-cm {
  background-image: url(..//Images/Flags/4x3/cm.svg);
}
.flag-icon-cm.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/cm.svg);
}

.flag-icon-cn {
  background-image: url(..//Images/Flags/4x3/cn.svg);
}
.flag-icon-cn.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/cn.svg);
}

.flag-icon-co {
  background-image: url(..//Images/Flags/4x3/co.svg);
}
.flag-icon-co.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/co.svg);
}

.flag-icon-cr {
  background-image: url(..//Images/Flags/4x3/cr.svg);
}
.flag-icon-cr.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/cr.svg);
}

.flag-icon-cu {
  background-image: url(..//Images/Flags/4x3/cu.svg);
}
.flag-icon-cu.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/cu.svg);
}

.flag-icon-cv {
  background-image: url(..//Images/Flags/4x3/cv.svg);
}
.flag-icon-cv.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/cv.svg);
}

.flag-icon-cw {
  background-image: url(..//Images/Flags/4x3/cw.svg);
}
.flag-icon-cw.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/cw.svg);
}

.flag-icon-cx {
  background-image: url(..//Images/Flags/4x3/cx.svg);
}
.flag-icon-cx.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/cx.svg);
}

.flag-icon-cy {
  background-image: url(..//Images/Flags/4x3/cy.svg);
}
.flag-icon-cy.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/cy.svg);
}

.flag-icon-cz {
  background-image: url(..//Images/Flags/4x3/cz.svg);
}
.flag-icon-cz.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/cz.svg);
}

.flag-icon-de {
  background-image: url(..//Images/Flags/4x3/de.svg);
}
.flag-icon-de.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/de.svg);
}

.flag-icon-dj {
  background-image: url(..//Images/Flags/4x3/dj.svg);
}
.flag-icon-dj.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/dj.svg);
}

.flag-icon-dk {
  background-image: url(..//Images/Flags/4x3/dk.svg);
}
.flag-icon-dk.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/dk.svg);
}

.flag-icon-dm {
  background-image: url(..//Images/Flags/4x3/dm.svg);
}
.flag-icon-dm.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/dm.svg);
}

.flag-icon-do {
  background-image: url(..//Images/Flags/4x3/do.svg);
}
.flag-icon-do.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/do.svg);
}

.flag-icon-dz {
  background-image: url(..//Images/Flags/4x3/dz.svg);
}
.flag-icon-dz.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/dz.svg);
}

.flag-icon-ec {
  background-image: url(..//Images/Flags/4x3/ec.svg);
}
.flag-icon-ec.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ec.svg);
}

.flag-icon-ee {
  background-image: url(..//Images/Flags/4x3/ee.svg);
}
.flag-icon-ee.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ee.svg);
}

.flag-icon-eg {
  background-image: url(..//Images/Flags/4x3/eg.svg);
}
.flag-icon-eg.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/eg.svg);
}

.flag-icon-eh {
  background-image: url(..//Images/Flags/4x3/eh.svg);
}
.flag-icon-eh.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/eh.svg);
}

.flag-icon-er {
  background-image: url(..//Images/Flags/4x3/er.svg);
}
.flag-icon-er.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/er.svg);
}

.flag-icon-es {
  background-image: url(..//Images/Flags/4x3/es.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/es.svg);
}

.flag-icon-et {
  background-image: url(..//Images/Flags/4x3/et.svg);
}
.flag-icon-et.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/et.svg);
}

.flag-icon-fi {
  background-image: url(..//Images/Flags/4x3/fi.svg);
}
.flag-icon-fi.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/fi.svg);
}

.flag-icon-fj {
  background-image: url(..//Images/Flags/4x3/fj.svg);
}
.flag-icon-fj.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/fj.svg);
}

.flag-icon-fk {
  background-image: url(..//Images/Flags/4x3/fk.svg);
}
.flag-icon-fk.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/fk.svg);
}

.flag-icon-fm {
  background-image: url(..//Images/Flags/4x3/fm.svg);
}
.flag-icon-fm.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/fm.svg);
}

.flag-icon-fo {
  background-image: url(..//Images/Flags/4x3/fo.svg);
}
.flag-icon-fo.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/fo.svg);
}

.flag-icon-fr {
  background-image: url(..//Images/Flags/4x3/fr.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/fr.svg);
}

.flag-icon-ga {
  background-image: url(..//Images/Flags/4x3/ga.svg);
}
.flag-icon-ga.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ga.svg);
}

.flag-icon-gb {
  background-image: url(..//Images/Flags/4x3/gb.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gb.svg);
}

.flag-icon-gd {
  background-image: url(..//Images/Flags/4x3/gd.svg);
}
.flag-icon-gd.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gd.svg);
}

.flag-icon-ge {
  background-image: url(..//Images/Flags/4x3/ge.svg);
}
.flag-icon-ge.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ge.svg);
}

.flag-icon-gf {
  background-image: url(..//Images/Flags/4x3/gf.svg);
}
.flag-icon-gf.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gf.svg);
}

.flag-icon-gg {
  background-image: url(..//Images/Flags/4x3/gg.svg);
}
.flag-icon-gg.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gg.svg);
}

.flag-icon-gh {
  background-image: url(..//Images/Flags/4x3/gh.svg);
}
.flag-icon-gh.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gh.svg);
}

.flag-icon-gi {
  background-image: url(..//Images/Flags/4x3/gi.svg);
}
.flag-icon-gi.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gi.svg);
}

.flag-icon-gl {
  background-image: url(..//Images/Flags/4x3/gl.svg);
}
.flag-icon-gl.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gl.svg);
}

.flag-icon-gm {
  background-image: url(..//Images/Flags/4x3/gm.svg);
}
.flag-icon-gm.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gm.svg);
}

.flag-icon-gn {
  background-image: url(..//Images/Flags/4x3/gn.svg);
}
.flag-icon-gn.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gn.svg);
}

.flag-icon-gp {
  background-image: url(..//Images/Flags/4x3/gp.svg);
}
.flag-icon-gp.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gp.svg);
}

.flag-icon-gq {
  background-image: url(..//Images/Flags/4x3/gq.svg);
}
.flag-icon-gq.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gq.svg);
}

.flag-icon-gr {
  background-image: url(..//Images/Flags/4x3/gr.svg);
}
.flag-icon-gr.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gr.svg);
}

.flag-icon-gs {
  background-image: url(..//Images/Flags/4x3/gs.svg);
}
.flag-icon-gs.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gs.svg);
}

.flag-icon-gt {
  background-image: url(..//Images/Flags/4x3/gt.svg);
}
.flag-icon-gt.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gt.svg);
}

.flag-icon-gu {
  background-image: url(..//Images/Flags/4x3/gu.svg);
}
.flag-icon-gu.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gu.svg);
}

.flag-icon-gw {
  background-image: url(..//Images/Flags/4x3/gw.svg);
}
.flag-icon-gw.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gw.svg);
}

.flag-icon-gy {
  background-image: url(..//Images/Flags/4x3/gy.svg);
}
.flag-icon-gy.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gy.svg);
}

.flag-icon-hk {
  background-image: url(..//Images/Flags/4x3/hk.svg);
}
.flag-icon-hk.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/hk.svg);
}

.flag-icon-hm {
  background-image: url(..//Images/Flags/4x3/hm.svg);
}
.flag-icon-hm.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/hm.svg);
}

.flag-icon-hn {
  background-image: url(..//Images/Flags/4x3/hn.svg);
}
.flag-icon-hn.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/hn.svg);
}

.flag-icon-hr {
  background-image: url(..//Images/Flags/4x3/hr.svg);
}
.flag-icon-hr.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/hr.svg);
}

.flag-icon-ht {
  background-image: url(..//Images/Flags/4x3/ht.svg);
}
.flag-icon-ht.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ht.svg);
}

.flag-icon-hu {
  background-image: url(..//Images/Flags/4x3/hu.svg);
}
.flag-icon-hu.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/hu.svg);
}

.flag-icon-id {
  background-image: url(..//Images/Flags/4x3/id.svg);
}
.flag-icon-id.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/id.svg);
}

.flag-icon-ie {
  background-image: url(..//Images/Flags/4x3/ie.svg);
}
.flag-icon-ie.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ie.svg);
}

.flag-icon-il {
  background-image: url(..//Images/Flags/4x3/il.svg);
}
.flag-icon-il.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/il.svg);
}

.flag-icon-im {
  background-image: url(..//Images/Flags/4x3/im.svg);
}
.flag-icon-im.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/im.svg);
}

.flag-icon-in {
  background-image: url(..//Images/Flags/4x3/in.svg);
}
.flag-icon-in.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/in.svg);
}

.flag-icon-io {
  background-image: url(..//Images/Flags/4x3/io.svg);
}
.flag-icon-io.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/io.svg);
}

.flag-icon-iq {
  background-image: url(..//Images/Flags/4x3/iq.svg);
}
.flag-icon-iq.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/iq.svg);
}

.flag-icon-ir {
  background-image: url(..//Images/Flags/4x3/ir.svg);
}
.flag-icon-ir.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ir.svg);
}

.flag-icon-is {
  background-image: url(..//Images/Flags/4x3/is.svg);
}
.flag-icon-is.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/is.svg);
}

.flag-icon-it {
  background-image: url(..//Images/Flags/4x3/it.svg);
}
.flag-icon-it.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/it.svg);
}

.flag-icon-je {
  background-image: url(..//Images/Flags/4x3/je.svg);
}
.flag-icon-je.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/je.svg);
}

.flag-icon-jm {
  background-image: url(..//Images/Flags/4x3/jm.svg);
}
.flag-icon-jm.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/jm.svg);
}

.flag-icon-jo {
  background-image: url(..//Images/Flags/4x3/jo.svg);
}
.flag-icon-jo.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/jo.svg);
}

.flag-icon-jp {
  background-image: url(..//Images/Flags/4x3/jp.svg);
}
.flag-icon-jp.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/jp.svg);
}

.flag-icon-ke {
  background-image: url(..//Images/Flags/4x3/ke.svg);
}
.flag-icon-ke.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ke.svg);
}

.flag-icon-kg {
  background-image: url(..//Images/Flags/4x3/kg.svg);
}
.flag-icon-kg.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/kg.svg);
}

.flag-icon-kh {
  background-image: url(..//Images/Flags/4x3/kh.svg);
}
.flag-icon-kh.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/kh.svg);
}

.flag-icon-ki {
  background-image: url(..//Images/Flags/4x3/ki.svg);
}
.flag-icon-ki.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ki.svg);
}

.flag-icon-km {
  background-image: url(..//Images/Flags/4x3/km.svg);
}
.flag-icon-km.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/km.svg);
}

.flag-icon-kn {
  background-image: url(..//Images/Flags/4x3/kn.svg);
}
.flag-icon-kn.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/kn.svg);
}

.flag-icon-kp {
  background-image: url(..//Images/Flags/4x3/kp.svg);
}
.flag-icon-kp.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/kp.svg);
}

.flag-icon-kr {
  background-image: url(..//Images/Flags/4x3/kr.svg);
}
.flag-icon-kr.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/kr.svg);
}

.flag-icon-kw {
  background-image: url(..//Images/Flags/4x3/kw.svg);
}
.flag-icon-kw.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/kw.svg);
}

.flag-icon-ky {
  background-image: url(..//Images/Flags/4x3/ky.svg);
}
.flag-icon-ky.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ky.svg);
}

.flag-icon-kz {
  background-image: url(..//Images/Flags/4x3/kz.svg);
}
.flag-icon-kz.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/kz.svg);
}

.flag-icon-la {
  background-image: url(..//Images/Flags/4x3/la.svg);
}
.flag-icon-la.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/la.svg);
}

.flag-icon-lb {
  background-image: url(..//Images/Flags/4x3/lb.svg);
}
.flag-icon-lb.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/lb.svg);
}

.flag-icon-lc {
  background-image: url(..//Images/Flags/4x3/lc.svg);
}
.flag-icon-lc.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/lc.svg);
}

.flag-icon-li {
  background-image: url(..//Images/Flags/4x3/li.svg);
}
.flag-icon-li.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/li.svg);
}

.flag-icon-lk {
  background-image: url(..//Images/Flags/4x3/lk.svg);
}
.flag-icon-lk.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/lk.svg);
}

.flag-icon-lr {
  background-image: url(..//Images/Flags/4x3/lr.svg);
}
.flag-icon-lr.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/lr.svg);
}

.flag-icon-ls {
  background-image: url(..//Images/Flags/4x3/ls.svg);
}
.flag-icon-ls.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ls.svg);
}

.flag-icon-lt {
  background-image: url(..//Images/Flags/4x3/lt.svg);
}
.flag-icon-lt.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/lt.svg);
}

.flag-icon-lu {
  background-image: url(..//Images/Flags/4x3/lu.svg);
}
.flag-icon-lu.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/lu.svg);
}

.flag-icon-lv {
  background-image: url(..//Images/Flags/4x3/lv.svg);
}
.flag-icon-lv.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/lv.svg);
}

.flag-icon-ly {
  background-image: url(..//Images/Flags/4x3/ly.svg);
}
.flag-icon-ly.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ly.svg);
}

.flag-icon-ma {
  background-image: url(..//Images/Flags/4x3/ma.svg);
}
.flag-icon-ma.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ma.svg);
}

.flag-icon-mc {
  background-image: url(..//Images/Flags/4x3/mc.svg);
}
.flag-icon-mc.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/mc.svg);
}

.flag-icon-md {
  background-image: url(..//Images/Flags/4x3/md.svg);
}
.flag-icon-md.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/md.svg);
}

.flag-icon-me {
  background-image: url(..//Images/Flags/4x3/me.svg);
}
.flag-icon-me.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/me.svg);
}

.flag-icon-mf {
  background-image: url(..//Images/Flags/4x3/mf.svg);
}
.flag-icon-mf.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/mf.svg);
}

.flag-icon-mg {
  background-image: url(..//Images/Flags/4x3/mg.svg);
}
.flag-icon-mg.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/mg.svg);
}

.flag-icon-mh {
  background-image: url(..//Images/Flags/4x3/mh.svg);
}
.flag-icon-mh.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/mh.svg);
}

.flag-icon-mk {
  background-image: url(..//Images/Flags/4x3/mk.svg);
}
.flag-icon-mk.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/mk.svg);
}

.flag-icon-ml {
  background-image: url(..//Images/Flags/4x3/ml.svg);
}
.flag-icon-ml.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ml.svg);
}

.flag-icon-mm {
  background-image: url(..//Images/Flags/4x3/mm.svg);
}
.flag-icon-mm.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/mm.svg);
}

.flag-icon-mn {
  background-image: url(..//Images/Flags/4x3/mn.svg);
}
.flag-icon-mn.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/mn.svg);
}

.flag-icon-mo {
  background-image: url(..//Images/Flags/4x3/mo.svg);
}
.flag-icon-mo.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/mo.svg);
}

.flag-icon-mp {
  background-image: url(..//Images/Flags/4x3/mp.svg);
}
.flag-icon-mp.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/mp.svg);
}

.flag-icon-mq {
  background-image: url(..//Images/Flags/4x3/mq.svg);
}
.flag-icon-mq.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/mq.svg);
}

.flag-icon-mr {
  background-image: url(..//Images/Flags/4x3/mr.svg);
}
.flag-icon-mr.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/mr.svg);
}

.flag-icon-ms {
  background-image: url(..//Images/Flags/4x3/ms.svg);
}
.flag-icon-ms.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ms.svg);
}

.flag-icon-mt {
  background-image: url(..//Images/Flags/4x3/mt.svg);
}
.flag-icon-mt.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/mt.svg);
}

.flag-icon-mu {
  background-image: url(..//Images/Flags/4x3/mu.svg);
}
.flag-icon-mu.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/mu.svg);
}

.flag-icon-mv {
  background-image: url(..//Images/Flags/4x3/mv.svg);
}
.flag-icon-mv.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/mv.svg);
}

.flag-icon-mw {
  background-image: url(..//Images/Flags/4x3/mw.svg);
}
.flag-icon-mw.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/mw.svg);
}

.flag-icon-mx {
  background-image: url(..//Images/Flags/4x3/mx.svg);
}
.flag-icon-mx.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/mx.svg);
}

.flag-icon-my {
  background-image: url(..//Images/Flags/4x3/my.svg);
}
.flag-icon-my.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/my.svg);
}

.flag-icon-mz {
  background-image: url(..//Images/Flags/4x3/mz.svg);
}
.flag-icon-mz.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/mz.svg);
}

.flag-icon-na {
  background-image: url(..//Images/Flags/4x3/na.svg);
}
.flag-icon-na.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/na.svg);
}

.flag-icon-nc {
  background-image: url(..//Images/Flags/4x3/nc.svg);
}
.flag-icon-nc.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/nc.svg);
}

.flag-icon-ne {
  background-image: url(..//Images/Flags/4x3/ne.svg);
}
.flag-icon-ne.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ne.svg);
}

.flag-icon-nf {
  background-image: url(..//Images/Flags/4x3/nf.svg);
}
.flag-icon-nf.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/nf.svg);
}

.flag-icon-ng {
  background-image: url(..//Images/Flags/4x3/ng.svg);
}
.flag-icon-ng.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ng.svg);
}

.flag-icon-ni {
  background-image: url(..//Images/Flags/4x3/ni.svg);
}
.flag-icon-ni.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ni.svg);
}

.flag-icon-nl {
  background-image: url(..//Images/Flags/4x3/nl.svg);
}
.flag-icon-nl.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/nl.svg);
}

.flag-icon-no {
  background-image: url(..//Images/Flags/4x3/no.svg);
}
.flag-icon-no.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/no.svg);
}

.flag-icon-np {
  background-image: url(..//Images/Flags/4x3/np.svg);
}
.flag-icon-np.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/np.svg);
}

.flag-icon-nr {
  background-image: url(..//Images/Flags/4x3/nr.svg);
}
.flag-icon-nr.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/nr.svg);
}

.flag-icon-nu {
  background-image: url(..//Images/Flags/4x3/nu.svg);
}
.flag-icon-nu.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/nu.svg);
}

.flag-icon-nz {
  background-image: url(..//Images/Flags/4x3/nz.svg);
}
.flag-icon-nz.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/nz.svg);
}

.flag-icon-om {
  background-image: url(..//Images/Flags/4x3/om.svg);
}
.flag-icon-om.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/om.svg);
}

.flag-icon-pa {
  background-image: url(..//Images/Flags/4x3/pa.svg);
}
.flag-icon-pa.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/pa.svg);
}

.flag-icon-pe {
  background-image: url(..//Images/Flags/4x3/pe.svg);
}
.flag-icon-pe.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/pe.svg);
}

.flag-icon-pf {
  background-image: url(..//Images/Flags/4x3/pf.svg);
}
.flag-icon-pf.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/pf.svg);
}

.flag-icon-pg {
  background-image: url(..//Images/Flags/4x3/pg.svg);
}
.flag-icon-pg.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/pg.svg);
}

.flag-icon-ph {
  background-image: url(..//Images/Flags/4x3/ph.svg);
}
.flag-icon-ph.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ph.svg);
}

.flag-icon-pk {
  background-image: url(..//Images/Flags/4x3/pk.svg);
}
.flag-icon-pk.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/pk.svg);
}

.flag-icon-pl {
  background-image: url(..//Images/Flags/4x3/pl.svg);
}
.flag-icon-pl.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/pl.svg);
}

.flag-icon-pm {
  background-image: url(..//Images/Flags/4x3/pm.svg);
}
.flag-icon-pm.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/pm.svg);
}

.flag-icon-pn {
  background-image: url(..//Images/Flags/4x3/pn.svg);
}
.flag-icon-pn.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/pn.svg);
}

.flag-icon-pr {
  background-image: url(..//Images/Flags/4x3/pr.svg);
}
.flag-icon-pr.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/pr.svg);
}

.flag-icon-ps {
  background-image: url(..//Images/Flags/4x3/ps.svg);
}
.flag-icon-ps.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ps.svg);
}

.flag-icon-pt {
  background-image: url(..//Images/Flags/4x3/pt.svg);
}
.flag-icon-pt.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/pt.svg);
}

.flag-icon-pw {
  background-image: url(..//Images/Flags/4x3/pw.svg);
}
.flag-icon-pw.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/pw.svg);
}

.flag-icon-py {
  background-image: url(..//Images/Flags/4x3/py.svg);
}
.flag-icon-py.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/py.svg);
}

.flag-icon-qa {
  background-image: url(..//Images/Flags/4x3/qa.svg);
}
.flag-icon-qa.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/qa.svg);
}

.flag-icon-re {
  background-image: url(..//Images/Flags/4x3/re.svg);
}
.flag-icon-re.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/re.svg);
}

.flag-icon-ro {
  background-image: url(..//Images/Flags/4x3/ro.svg);
}
.flag-icon-ro.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ro.svg);
}

.flag-icon-rs {
  background-image: url(..//Images/Flags/4x3/rs.svg);
}
.flag-icon-rs.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/rs.svg);
}

.flag-icon-ru {
  background-image: url(..//Images/Flags/4x3/ru.svg);
}
.flag-icon-ru.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ru.svg);
}

.flag-icon-rw {
  background-image: url(..//Images/Flags/4x3/rw.svg);
}
.flag-icon-rw.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/rw.svg);
}

.flag-icon-sa {
  background-image: url(..//Images/Flags/4x3/sa.svg);
}
.flag-icon-sa.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/sa.svg);
}

.flag-icon-sb {
  background-image: url(..//Images/Flags/4x3/sb.svg);
}
.flag-icon-sb.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/sb.svg);
}

.flag-icon-sc {
  background-image: url(..//Images/Flags/4x3/sc.svg);
}
.flag-icon-sc.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/sc.svg);
}

.flag-icon-sd {
  background-image: url(..//Images/Flags/4x3/sd.svg);
}
.flag-icon-sd.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/sd.svg);
}

.flag-icon-se {
  background-image: url(..//Images/Flags/4x3/se.svg);
}
.flag-icon-se.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/se.svg);
}

.flag-icon-sg {
  background-image: url(..//Images/Flags/4x3/sg.svg);
}
.flag-icon-sg.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/sg.svg);
}

.flag-icon-sh {
  background-image: url(..//Images/Flags/4x3/sh.svg);
}
.flag-icon-sh.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/sh.svg);
}

.flag-icon-si {
  background-image: url(..//Images/Flags/4x3/si.svg);
}
.flag-icon-si.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/si.svg);
}

.flag-icon-sj {
  background-image: url(..//Images/Flags/4x3/sj.svg);
}
.flag-icon-sj.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/sj.svg);
}

.flag-icon-sk {
  background-image: url(..//Images/Flags/4x3/sk.svg);
}
.flag-icon-sk.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/sk.svg);
}

.flag-icon-sl {
  background-image: url(..//Images/Flags/4x3/sl.svg);
}
.flag-icon-sl.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/sl.svg);
}

.flag-icon-sm {
  background-image: url(..//Images/Flags/4x3/sm.svg);
}
.flag-icon-sm.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/sm.svg);
}

.flag-icon-sn {
  background-image: url(..//Images/Flags/4x3/sn.svg);
}
.flag-icon-sn.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/sn.svg);
}

.flag-icon-so {
  background-image: url(..//Images/Flags/4x3/so.svg);
}
.flag-icon-so.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/so.svg);
}

.flag-icon-sr {
  background-image: url(..//Images/Flags/4x3/sr.svg);
}
.flag-icon-sr.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/sr.svg);
}

.flag-icon-ss {
  background-image: url(..//Images/Flags/4x3/ss.svg);
}
.flag-icon-ss.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ss.svg);
}

.flag-icon-st {
  background-image: url(..//Images/Flags/4x3/st.svg);
}
.flag-icon-st.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/st.svg);
}

.flag-icon-sv {
  background-image: url(..//Images/Flags/4x3/sv.svg);
}
.flag-icon-sv.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/sv.svg);
}

.flag-icon-sx {
  background-image: url(..//Images/Flags/4x3/sx.svg);
}
.flag-icon-sx.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/sx.svg);
}

.flag-icon-sy {
  background-image: url(..//Images/Flags/4x3/sy.svg);
}
.flag-icon-sy.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/sy.svg);
}

.flag-icon-sz {
  background-image: url(..//Images/Flags/4x3/sz.svg);
}
.flag-icon-sz.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/sz.svg);
}

.flag-icon-tc {
  background-image: url(..//Images/Flags/4x3/tc.svg);
}
.flag-icon-tc.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/tc.svg);
}

.flag-icon-td {
  background-image: url(..//Images/Flags/4x3/td.svg);
}
.flag-icon-td.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/td.svg);
}

.flag-icon-tf {
  background-image: url(..//Images/Flags/4x3/tf.svg);
}
.flag-icon-tf.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/tf.svg);
}

.flag-icon-tg {
  background-image: url(..//Images/Flags/4x3/tg.svg);
}
.flag-icon-tg.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/tg.svg);
}

.flag-icon-th {
  background-image: url(..//Images/Flags/4x3/th.svg);
}
.flag-icon-th.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/th.svg);
}

.flag-icon-tj {
  background-image: url(..//Images/Flags/4x3/tj.svg);
}
.flag-icon-tj.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/tj.svg);
}

.flag-icon-tk {
  background-image: url(..//Images/Flags/4x3/tk.svg);
}
.flag-icon-tk.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/tk.svg);
}

.flag-icon-tl {
  background-image: url(..//Images/Flags/4x3/tl.svg);
}
.flag-icon-tl.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/tl.svg);
}

.flag-icon-tm {
  background-image: url(..//Images/Flags/4x3/tm.svg);
}
.flag-icon-tm.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/tm.svg);
}

.flag-icon-tn {
  background-image: url(..//Images/Flags/4x3/tn.svg);
}
.flag-icon-tn.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/tn.svg);
}

.flag-icon-to {
  background-image: url(..//Images/Flags/4x3/to.svg);
}
.flag-icon-to.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/to.svg);
}

.flag-icon-tr {
  background-image: url(..//Images/Flags/4x3/tr.svg);
}
.flag-icon-tr.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/tr.svg);
}

.flag-icon-tt {
  background-image: url(..//Images/Flags/4x3/tt.svg);
}
.flag-icon-tt.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/tt.svg);
}

.flag-icon-tv {
  background-image: url(..//Images/Flags/4x3/tv.svg);
}
.flag-icon-tv.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/tv.svg);
}

.flag-icon-tw {
  background-image: url(..//Images/Flags/4x3/tw.svg);
}
.flag-icon-tw.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/tw.svg);
}

.flag-icon-tz {
  background-image: url(..//Images/Flags/4x3/tz.svg);
}
.flag-icon-tz.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/tz.svg);
}

.flag-icon-ua {
  background-image: url(..//Images/Flags/4x3/ua.svg);
}
.flag-icon-ua.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ua.svg);
}

.flag-icon-ug {
  background-image: url(..//Images/Flags/4x3/ug.svg);
}
.flag-icon-ug.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ug.svg);
}

.flag-icon-um {
  background-image: url(..//Images/Flags/4x3/um.svg);
}
.flag-icon-um.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/um.svg);
}

.flag-icon-us {
  background-image: url(..//Images/Flags/4x3/us.svg);
}
.flag-icon-us.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/us.svg);
}

.flag-icon-uy {
  background-image: url(..//Images/Flags/4x3/uy.svg);
}
.flag-icon-uy.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/uy.svg);
}

.flag-icon-uz {
  background-image: url(..//Images/Flags/4x3/uz.svg);
}
.flag-icon-uz.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/uz.svg);
}

.flag-icon-va {
  background-image: url(..//Images/Flags/4x3/va.svg);
}
.flag-icon-va.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/va.svg);
}

.flag-icon-vc {
  background-image: url(..//Images/Flags/4x3/vc.svg);
}
.flag-icon-vc.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/vc.svg);
}

.flag-icon-ve {
  background-image: url(..//Images/Flags/4x3/ve.svg);
}
.flag-icon-ve.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ve.svg);
}

.flag-icon-vg {
  background-image: url(..//Images/Flags/4x3/vg.svg);
}
.flag-icon-vg.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/vg.svg);
}

.flag-icon-vi {
  background-image: url(..//Images/Flags/4x3/vi.svg);
}
.flag-icon-vi.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/vi.svg);
}

.flag-icon-vn {
  background-image: url(..//Images/Flags/4x3/vn.svg);
}
.flag-icon-vn.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/vn.svg);
}

.flag-icon-vu {
  background-image: url(..//Images/Flags/4x3/vu.svg);
}
.flag-icon-vu.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/vu.svg);
}

.flag-icon-wf {
  background-image: url(..//Images/Flags/4x3/wf.svg);
}
.flag-icon-wf.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/wf.svg);
}

.flag-icon-ws {
  background-image: url(..//Images/Flags/4x3/ws.svg);
}
.flag-icon-ws.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ws.svg);
}

.flag-icon-ye {
  background-image: url(..//Images/Flags/4x3/ye.svg);
}
.flag-icon-ye.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/ye.svg);
}

.flag-icon-yt {
  background-image: url(..//Images/Flags/4x3/yt.svg);
}
.flag-icon-yt.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/yt.svg);
}

.flag-icon-za {
  background-image: url(..//Images/Flags/4x3/za.svg);
}
.flag-icon-za.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/za.svg);
}

.flag-icon-zm {
  background-image: url(..//Images/Flags/4x3/zm.svg);
}
.flag-icon-zm.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/zm.svg);
}

.flag-icon-zw {
  background-image: url(..//Images/Flags/4x3/zw.svg);
}
.flag-icon-zw.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/zw.svg);
}

.flag-icon-es-ct {
  background-image: url(..//Images/Flags/4x3/es-ct.svg);
}
.flag-icon-es-ct.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/es-ct.svg);
}

.flag-icon-eu {
  background-image: url(..//Images/Flags/4x3/eu.svg);
}
.flag-icon-eu.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/eu.svg);
}

.flag-icon-gb-eng {
  background-image: url(..//Images/Flags/4x3/gb-eng.svg);
}
.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gb-eng.svg);
}

.flag-icon-gb-nir {
  background-image: url(..//Images/Flags/4x3/gb-nir.svg);
}
.flag-icon-gb-nir.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gb-nir.svg);
}

.flag-icon-gb-sct {
  background-image: url(..//Images/Flags/4x3/gb-sct.svg);
}
.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gb-sct.svg);
}

.flag-icon-gb-wls {
  background-image: url(..//Images/Flags/4x3/gb-wls.svg);
}
.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/gb-wls.svg);
}

.flag-icon-un {
  background-image: url(..//Images/Flags/4x3/un.svg);
}
.flag-icon-un.flag-icon-squared {
  background-image: url(..//Images/Flags/1x1/un.svg);
}

/*@import url('https://fonts.googleapis.com/css?family=Cairo');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans');*/
/*
Flaticon icon font: Flaticon
Creation date: 10/02/2019 12:42
*/
@font-face {
  font-family: "Cash_Flaticon";
  src: url("../Fonts/Cash/Flaticon.eot");
  src: url("../Fonts/Cash/Flaticon.eot?#iefix") format("embedded-opentype"), url("../Fonts/Cash/Flaticon.woff") format("woff"), url("../Fonts/Cash/Flaticon.ttf") format("truetype"), url("../Fonts/Cash/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Cash_Flaticon";
    src: url("../Fonts/Cash/Flaticon.svg#Flaticon") format("svg");
  }
}
.fi-cash:before {
  display: inline-block;
  font-family: "Cash_Flaticon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.flaticon-profit:before {
  content: "";
}

.flaticon-send:before {
  content: "";
}

.flaticon-piggy-bank:before {
  content: "";
}

.flaticon-businessman:before {
  content: "";
}

.flaticon-money:before {
  content: "";
}

.flaticon-bitcoin:before {
  content: "";
}

.flaticon-safebox:before {
  content: "";
}

.flaticon-dollar-symbol:before {
  content: "";
}

.flaticon-wallet:before {
  content: "";
}

.flaticon-bitcoin-1:before {
  content: "";
}

.flaticon-credit-card:before {
  content: "";
}

.flaticon-receipt:before {
  content: "";
}

.flaticon-credit-card-1:before {
  content: "";
}

.flaticon-tax:before {
  content: "";
}

.flaticon-credit-card-2:before {
  content: "";
}

.flaticon-cash-register:before {
  content: "";
}

.flaticon-check:before {
  content: "";
}

.flaticon-invoice:before {
  content: "";
}

.flaticon-wallet-1:before {
  content: "";
}

.flaticon-pay:before {
  content: "";
}

.flaticon-debit-card:before {
  content: "";
}

.flaticon-settings:before {
  content: "";
}

.flaticon-money-bag:before {
  content: "";
}

.flaticon-bank:before {
  content: "";
}

.flaticon-diamond:before {
  content: "";
}

/*
Flaticon icon font: Flaticon
Creation date: 18/12/2018 11:48
*/
@font-face {
  font-family: "FlaticonMed";
  src: url("../Fonts/Flaticons/Flaticon.eot");
  src: url("../Fonts/Flaticons/Flaticon.eot?#iefix") format("embedded-opentype"), url("../Fonts/Flaticons/Flaticon.woff") format("woff"), url("../Fonts/Flaticons/Flaticon.ttf") format("truetype"), url("../Fonts/Flaticons/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "FlaticonMed";
    src: url("../Fonts/Flaticons/Flaticon.svg#Flaticon") format("svg");
  }
}
.fimed:before {
  display: inline-block;
  font-family: "FlaticonMed";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.flaticon-heart:before {
  content: "";
}

.flaticon-child:before {
  content: "";
}

.flaticon-clinic:before {
  content: "";
}

.flaticon-report:before {
  content: "";
}

.flaticon-health:before {
  content: "";
}

.flaticon-doctor:before {
  content: "";
}

.flaticon-doctor-1:before {
  content: "";
}

.flaticon-doctor-2:before {
  content: "";
}

.flaticon-doctor-3:before {
  content: "";
}

.flaticon-teeth:before {
  content: "";
}

.flaticon-dental:before {
  content: "";
}

.flaticon-research:before {
  content: "";
}

.flaticon-medicine:before {
  content: "";
}

.flaticon-shield:before {
  content: "";
}

.flaticon-healthcare-and-medical:before {
  content: "";
}

.flaticon-healthcare-and-medical-1:before {
  content: "";
}

.flaticon-car:before {
  content: "";
}

.flaticon-patient:before {
  content: "";
}

.flaticon-brain:before {
  content: "";
}

.flaticon-hospital:before {
  content: "";
}

.flaticon-microscope:before {
  content: "";
}

.flaticon-vitamin:before {
  content: "";
}

.flaticon-doctor-4:before {
  content: "";
}

.flaticon-car-1:before {
  content: "";
}

.flaticon-weight:before {
  content: "";
}

.flaticon-check:before {
  content: "";
}

.flaticon-invoice:before {
  content: "";
}

.flaticon-medical-history:before {
  content: "";
}

.flaticon-heart-beside-a-calendar:before {
  content: "";
}

.flaticon-eye:before {
  content: "";
}

.flaticon-eye-with-a-diagonal-line-interface-symbol-for-invisibility:before {
  content: "";
}

.flaticon-eye-open:before {
  content: "";
}

.flaticon-edit:before {
  content: "";
}

.flaticon-skeleton-view-on-x-ray:before {
  content: "";
}

.flaticon-radiograph:before {
  content: "";
}

.flaticon-lungs:before {
  content: "";
}

.flaticon-drug:before {
  content: "";
}

.flaticon-examination:before {
  content: "";
}

.flaticon-hospital-1:before {
  content: "";
}

.flaticon-diagnostic:before {
  content: "";
}

.flaticon-pharmacy:before {
  content: "";
}

.flaticon-pharmacy-1:before {
  content: "";
}

.flaticon-shopping-list:before {
  content: "";
}

.flaticon-list:before {
  content: "";
}

.flaticon-list-1:before {
  content: "";
}

.flaticon-nurse:before {
  content: "";
}

.flaticon-medical-result:before {
  content: "";
}

.flaticon-doctor-5:before {
  content: "";
}

.flaticon-clinic-history:before {
  content: "";
}

.flaticon-flask:before {
  content: "";
}

.flaticon-emergency-call:before {
  content: "";
}

.flaticon-medicine-1:before {
  content: "";
}

.flaticon-medical-history-1:before {
  content: "";
}

.flaticon-nurse-1:before {
  content: "";
}

.flaticon-teeth-1:before {
  content: "";
}

.flaticon-tooth-outline:before {
  content: "";
}

.flaticon-herbs:before {
  content: "";
}

.flaticon-pills:before {
  content: "";
}

.flaticon-medical-report:before {
  content: "";
}

.flaticon-ambulance:before {
  content: "";
}

.flaticon-ambulance-1:before {
  content: "";
}

.flaticon-medical-prescription:before {
  content: "";
}

.flaticon-test-tube-and-flask:before {
  content: "";
}

.flaticon-note-on-a-clipboard:before {
  content: "";
}

.flaticon-medicine-2:before {
  content: "";
}

.flaticon-hospital-2:before {
  content: "";
}

.flaticon-ambulance-2:before {
  content: "";
}

.flaticon-x-rays:before {
  content: "";
}

.flaticon-hospital-3:before {
  content: "";
}

.flaticon-medical-kit:before {
  content: "";
}

.flaticon-stethoscope:before {
  content: "";
}

.flaticon-report-1:before {
  content: "";
}

.flaticon-hospital-4:before {
  content: "";
}

.flaticon-cardiogram:before {
  content: "";
}

.flaticon-book:before {
  content: "";
}

.flaticon-medicine-3:before {
  content: "";
}

.flaticon-ambulance-3:before {
  content: "";
}

.flaticon-x-ray:before {
  content: "";
}

.flaticon-microscope-1:before {
  content: "";
}

.flaticon-science:before {
  content: "";
}

.flaticon-folder:before {
  content: "";
}

.flaticon-emergency-kit:before {
  content: "";
}

.flaticon-report-2:before {
  content: "";
}

.flaticon-tooth:before {
  content: "";
}

.flaticon-microscope-2:before {
  content: "";
}

.flaticon-ambulance-4:before {
  content: "";
}

.flaticon-caduceus:before {
  content: "";
}

.flaticon-femur:before {
  content: "";
}

@font-face {
  font-family: "G7Medical";
  src: url("../Fonts/G7Medical/G7Medical.eot");
  src: url("../Fonts/G7Medical/G7Medical.eot?#iefix") format("embedded-opentype"), url("../Fonts/G7Medical/G7Medical.woff") format("woff"), url("../Fonts/G7Medical/G7Medical.ttf") format("truetype"), url("../Fonts/G7Medical/G7Medical.svg#G7Medical") format("svg");
  font-weight: normal;
  font-style: normal;
}
.gicon:before {
  display: inline-block;
  font-family: "G7Medical" !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.gicon-eye:before {
  content: "A";
}

.gicon-eyee:before {
  content: "B";
}

.gicon-edit-interface-sign:before {
  content: "D";
}

.gicon-ambulance-facing-right:before {
  content: "E";
}

.gicon-hospital-x-ray:before {
  content: "F";
}

.gicon-stethoscope:before {
  content: "G";
}

.gicon-checkup-list:before {
  content: "H";
}

.gicon-nurse-bust:before {
  content: "J";
}

.gicon-009-stethoscope:before {
  content: "K";
}

.gicon-017-medicine:before {
  content: "L";
}

.gicon-016-pills:before {
  content: "M";
}

.gicon-015-microscope:before {
  content: "N";
}

.gicon-edit-document:before {
  content: "O";
}

.gicon-open-book-top-view:before {
  content: "P";
}

.gicon-editt:before {
  content: "Q";
}

.gicon-edit:before {
  content: "R";
}

.gicon-031-doctor:before {
  content: "S";
}

.gicon-021-hospital:before {
  content: "T";
}

.gicon-005-teeth:before {
  content: "U";
}

.gicon-text-book-opened-from-top-view:before {
  content: "V";
}

/*
Flaticon icon font: Flaticon
Creation date: 23/04/2018 08:25
*/
@font-face {
  font-family: "Financial_Flaticon";
  src: url("../Fonts/Finance/Flaticon.eot");
  src: url("../Fonts/Finance/Flaticon.eot?#iefix") format("embedded-opentype"), url("../Fonts/Finance/Flaticon.woff") format("woff"), url("../Fonts/Finance/Flaticon.ttf") format("truetype"), url("../Fonts/Finance/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Financial_Flaticon";
    src: url("../Fonts/Finance/Flaticon.svg#Flaticon") format("svg");
  }
}
.fi:before {
  display: inline-block;
  font-family: "Financial_Flaticon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.flaticon-money:before {
  content: "";
}

.flaticon-contract:before {
  content: "";
}

.flaticon-dollar-symbol:before {
  content: "";
}

.flaticon-bank-building:before {
  content: "";
}

.flaticon-shopping-list:before {
  content: "";
}

.flaticon-statistics:before {
  content: "";
}

.flaticon-debt:before {
  content: "";
}

.flaticon-bar-chart:before {
  content: "";
}

.flaticon-signing-the-contract:before {
  content: "";
}

.flaticon-bar-graph-with-dollar-sign:before {
  content: "";
}

.flaticon-laptop:before {
  content: "";
}

.flaticon-clipboard:before {
  content: "";
}

.flaticon-notes:before {
  content: "";
}

.flaticon-contract-1:before {
  content: "";
}

.flaticon-agreement:before {
  content: "";
}

.flaticon-bank:before {
  content: "";
}

.flaticon-notepad:before {
  content: "";
}

.flaticon-businessman-with-dollar-money-sign:before {
  content: "";
}

.flaticon-parchment:before {
  content: "";
}

.flaticon-correct:before {
  content: "";
}

.flaticon-scale:before {
  content: "";
}

.flaticon-piggy-bank:before {
  content: "";
}

.flaticon-payment-day:before {
  content: "";
}

.flaticon-research:before {
  content: "";
}

.flaticon-search:before {
  content: "";
}

.flaticon-analytics:before {
  content: "";
}

.flaticon-symbol:before {
  content: "";
}

.flaticon-analytics-1:before {
  content: "";
}

.flaticon-business-affiliate-network:before {
  content: "";
}

.flaticon-business-presentation:before {
  content: "";
}

.flaticon-task-complete:before {
  content: "";
}

.flaticon-scale-1:before {
  content: "";
}

.flaticon-mortgage-loan:before {
  content: "";
}

.flaticon-computer:before {
  content: "";
}

.flaticon-payment:before {
  content: "";
}

.flaticon-computer-1:before {
  content: "";
}

.flaticon-budget:before {
  content: "";
}

.flaticon-agreement-1:before {
  content: "";
}

/*body.ltr{
$LTR-RTL : ltr;
$Direction : left;
$Direction-Opposite : right;

$Justification : start; 
$Justification-Opposite : end;

$FdirectionRow : row;
$FdirectionRow-Opposite:row-reverse;

$FdirectionColumn: column;
}*/
/*body.rtl{
  $LTR-RTL : rtl;
    $Direction : right;
    $Direction-Opposite : left;

    $Justification : end; 
    $Justification-Opposite : start;

    //$FdirectionRow : row-reverse;
    //$FdirectionRow-Opposite:row;
    $FdirectionRow : row;
    $FdirectionRow-Opposite:row-reverse;

    $FdirectionColumn: column;
  }*/
@font-face {
  font-family: "NeoSansArabic";
  /* src: url("../../Fonts/NeoSansArabic.ttf"); */
  src: url("../Fonts/NeoSansArabic.ttf");
}
@font-face {
  font-family: "OpenSans";
  /* src: url("../../Fonts/OpenSans-Light.ttf"); */
  src: url("../Fonts/OpenSans-Light.ttf");
  font-weight: 100;
}
@font-face {
  font-family: "OpenSans";
  /*  src: url("../../Fonts/OpenSans-Regular.ttf"); */
  src: url("../Fonts/OpenSans-Regular.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "OpenSans";
  /* src: url("../../Fonts/OpenSans-SemiBold.ttf"); */
  src: url("../Fonts/OpenSans-SemiBold.ttf");
  font-weight: 700;
}
@font-face {
  font-family: "OpenSans";
  /*  src: url("../../Fonts/OpenSans-Bold.ttf"); */
  src: url("../Fonts/OpenSans-Bold.ttf");
  font-weight: 900;
}
@font-face {
  font-family: "Tajawal";
  src: url("../Fonts/Tajawal-ExtraBold.ttf");
}
html[dir=ltr] {
  /* .validation-feedback{
      position: absolute;
      left: -1px;
      right: -1px;
      text-align: $Direction;
      margin: 0px 15px;
      font-size: 14px;
      color: $ClearWhite !important;
      background: $Danger-v;
      padding: 3px 10px;
      z-index: 10;
      border: 1px solid $BorderColor;
      border-top: 0px;
      display: none;
      padding-right: 30px;
      a{
          //margin-left: 10px;
          position: absolute;
          right: 0px;
          top: 0px;
          margin: 6px 8px;
          &:hover,&:focus,&:active{
              cursor: pointer;
              color: $MainColorDark;
          }
      }
      p{
          padding: 5px;
          margin: 0px !important;
          padding-top: 3px;
      }
  }
  .validation-show{
      position: absolute;
      right: 0;
      bottom: 11%;
      margin-right: 23px;
      font-size: 23px;
      color: $Danger-v;
      display: none;
      &:hover,&:focus,&:active{
          cursor: pointer;
          color: $Danger;
      }
  }
  .valid{
      position: absolute;
      right: 0;
      bottom: 11%;
      margin-right: 23px;
      font-size: 23px;
      color: $LegendSuccess;
      display: none;
      &:hover,&:focus,&:active{
          cursor: pointer;
          color: $Success;
      }
  }
  .info-show{
      position: absolute;
      right: 0;
      bottom: 11%;
      margin-right: 23px;
      font-size: 23px;
      color: $LegendWarning;
      display: none;
      &:hover,&:focus,&:active{
          cursor: pointer;
          color: $Warning;
      }
  }
  .information{
      position: absolute;
      left: -1px;
      right: -1px;
      text-align: $Direction;
      margin: 0px 15px;
      font-size: 14px;
      color: $ClearWhite !important;
      background: $Warning;
      padding: 3px 10px;
      z-index: 10;
      border: 1px solid $BorderColor;
      border-top: 0px;
      display: none;
      padding-right: 30px; 
      a{
          //margin-left: 10px;
          position: absolute;
          right: 0px;
          top: 0px;
          margin: 6px 8px;
          &:hover,&:focus,&:active{
              cursor: pointer;
              color: $MainColor;
          }
      }
      p{
          padding: 5px;
          margin: 0px !important;
          padding-top: 3px;
      }
  }
  .invalid-input{
      .validation-feedback,.validation-show{ display: block ;}
      .information,.info-show{ display: none !important;}
      .valid{display: none;}
      label{color:$Danger-v}
      input,select{
          padding-right: 32px !important;
          border-color:$Danger-v !important;
      }
      input:focus,input:active{box-shadow: 0px 0px 3px $Danger;}
      &.invalid-input-select{
          .validation-show{
              margin-right: 32px;
          }
      }
  }
  .valid-input{
      .validation-feedback,.validation-show{ display: none !important;}
      .information,.info-show{ display: none !important;}
      .valid{display: block;}
      label{color:$LegendSuccess}
      input,select{
          padding-right: 32px !important;
          border-color:$LegendSuccess !important;
      }
      input:focus,input:active{box-shadow: 0px 0px 3px $LegendSuccess;}
      &.valid-input-select{
          .valid{
              margin-right: 32px;
          }
      }
  }
  .info-input{
      .info-show{ display: block;}
      .information{display: none;}
      .valid{display: none;}
      .validation-feedback,.validation-show{ display: none;}
      .arrow-up{ border-bottom-color: $Warning;}
      //label{color:$Success}
      input,select{
          padding-right: 32px !important;
         // border-color:$Warning !important;
      }
      input:focus,input:active{box-shadow: 0px 0px 3px $Success;}
      &.info-input-select{
          .info-show{
              margin-right: 32px;
          }
      }
  }
  .arrow-up {
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid $Danger-v;
      position: absolute;
      left: 6px;
      top: 0px;
      margin-top: -8px;
    } 
  div.error{
      position: absolute;
      left: 0px;
      margin: 0px 15px;
      font-size: 14px;
      color: $Danger !important;
  }
   */
  /*.gbtn.gbtn-success{background: $Success!important;border-color: $Success;}
  .gbtn.gbtn-warning{background: $Warning !important;border-color: $Warning;}
  .gbtn.gbtn-danger{background: $Danger !important;border-color: $Danger;}
  .gbtn.gbtn-dark{background: $MainColor !important;border-color: $MainColor;}
  .gbtn.disabledBtn{background:$MainColorLight !important;border-color: $MainColorLight !important;}

  .gbtn:hover{cursor:pointer; color: $SubColorLight !important;background: none !important;}
  .gbtn-success:hover{cursor:pointer; color: $Success !important;background: none !important;}
  .gbtn-warning:hover{cursor:pointer; color: $Warning !important;background: none !important;}
  .gbtn-danger:hover{cursor:pointer; color: $Danger !important; background: none !important;}
  .gbtn-dark:hover{cursor:pointer; color: $MainColor !important; background: none !important;}
  .gbtn.disabledBtn:hover{background:$MainColorLight !important;cursor:default; color: $ClearWhite !important;}*/
  /*.discountContainer{
      .custom-control{
          label{
              width: 145px;
              margin-left: 10px !important;
                  line-height: 1;
          }
          label:before,label:after{
              left:0px;
              right:auto;

          }
          input:last-child{
              margin-bottom: 10px;
          }
      }
  }*/
  /* ----- Upload File Input ------ */
  /*.inputfile:focus + label,
  .inputfile.has-focus + label {
      outline: 1px dotted #000;
      outline: -webkit-focus-ring-color auto 5px;
  }*/
  /*.inputfile-6:focus + label,
  .inputfile-6.has-focus + label,
  .inputfile-6 + label:hover {
      border-color: #722040;
  }*/
  /* @media screen and (max-width: 660px) {
      .header-right{
          display: none;
          .dropdown a:first-child{
              border:none !important;
              margin:0px !important;
          }
      }
      .header-right-collapse{
          display: flex !important;
      }
      .header-left{
          h1{
              font-size: 7.5vw;
              margin-top: 13px !important;
          }
      }
      .header-right-collapse{
          .icon-link{
              display: none !important;
          }
          .dropdown-menu{
              .prog-notification{
                  display:block !important;
                  .icon-link{
                      display: block !important;
                  }
              }
          }
      }
  }
  @media screen and (max-width: 545px) {
  } */
  /*  @media only screen and(max-width: 1200px){
      .sub-sidebar{
          width: unset !important;
      }
   } */
  /*
  @media only screen and(max-width: 1540px) {
      .sub-sidebar{
          width: 25%;
      }
  }
  @media only screen and(max-width: 1170px) {
      .sub-sidebar{
          width: 30%;
      }
  }
  @media only screen and(max-width: 970px) {
      .sub-sidebar{
          width: 100%;
          height: auto;
          min-height: auto;
          max-height: none;
      } */
  /*     .sub-sidebar{
          width: 450px;
          height: auto;
          min-height: auto;
          position: absolute;
          z-index: 8;
          height: 100%;    
          transition: all 1.5s linear;
          .sub-sidebar-container{
              width: 400px;
              background: $MainColorVLight;
              overflow-y: auto;
          }   
          .section-Sub-header-icon{
              display: block;
              position: absolute;
              right: 0px;
              background: $MainColorVLight;
              color: $SubColorLight;
              padding: 14px 18px;
              border-top-right-radius: 10px;
              border-bottom-right-radius: 10px;
              font-size: 20px;
              margin-top: 15px;
          }   
      }
      .sub-open{
          left:auto;
      }
      .sub-closed{
          left:-400px;
      } 
  }*/
  /* .modal-backdrop{
      background: transparent;
  } */
  /* .home-content{

      .home-main-div{
          padding: 15px 25px !important;
          background: $MainColorVLight;
          h1{
              font-weight: $FW-Light;
              color: $SubColor;
              text-align: $Direction ;
              font-weight: $FW-Regular;
          }
          p{
              font-weight: $FW-Light;
              padding: 0px 15px;
              color:$MainColorLight;
              text-align: $Direction;
          }
          .links-container{
          display: flex;
          flex-direction: $FdirectionColumn;
          align-items: flex-start;
          padding: 0px 15px;
          .links-header{
              padding: 15px 0px;
              display: flex;
              flex-direction: $FdirectionRow ;
              align-items: center;
              span{
                  font-size: 30px;
                  margin-right: 10px;
                  color: $MainColorLight;
                  }
              h4{
                  font-size: 28px;
                  margin:0px;
                  color: $SubColor;
                  font-weight: $FW-Light;
              }
          }
          .links-body{
              display: flex;
              flex-direction: $FdirectionRow ;
              align-items: flex-start;
              padding: 0px 25px;
              padding-left: 0px;
              flex-wrap:wrap;
              a{
                  padding: 15px 50px;
                  border: 1px solid $MainColorLight;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  text-align: center;
                  border-radius: 4px;
                  color: $MainColor;
                  font-family: $MainFont;
                  max-width:105px;
                  margin-bottom:10px;
                  margin-right: 30px;
                  font-weight: $FW-Regular;
                  min-width: 105px;
                  min-height: 105px;
                  justify-content: center;
              }
              a:first-child{
                  margin-left: 0px;
              }
              a:before{
                  margin-bottom: 5px;
                  font: normal normal normal 35px/1 FontAwesome;
              }
              a.active{
                  color:$SubColorLight;
                  border-color: $SubColorLight;
              }
              a:hover{
                  cursor: pointer;
                  color:$Warning;
                  border-color: $Warning;
              }
          }
          }
      }
  }

  @media screen and (max-width:1200px){
      .home-content{
          .home-main-div{
              .links-container{
                  .links-body{

                      padding-right:0px !important;
                      a{
                          margin-right: 20px !important;
                      }
                  }
              }
          }
      }
  } */
  /* 
  @media only screen and(max-width: 550px){
      .footer-pagination{
          .pagination-container{
              li{
                  p{
                      margin:0px 5px;

                  }
                  a{
                      border-radius: 5px;
                      background: none;
                      border: 2px solid $ClearWhite;
                      color: $ClearWhite;
                      margin: 0px 4px;
                      padding: 3px 8px !important;
                  }
              }  
          }
      }
  } */
  @import url(https://fonts.googleapis.com/css?family=opensans:500);
  /*  @media only screen and (max-width: 992px){
      .gauges-container{
          .gauge-item-container:nth-child(2),.gauge-item-container:nth-child(4){
              padding-right:0px;
              padding-left:15px;
          }
          .gauge-item-container:nth-child(3),.gauge-item-container:nth-child(5),{
              padding-left:0px;
              padding-right:15px;
          }
      }
  }  */
  /* .counter{
      padding:10px 15px;
      padding-top: 0px;
      .counter-item{
          .item-content{
              display:flex;
              align-items:center;
              flex-direction:column;
              align-items:center;
              background:$ClearWhite;
              padding:25px;    
              border-top:1px solid $BorderColor;
              border-bottom:1px solid $BorderColor;
              .data{
                  width: 100%;
                  border-right:1px solid $BorderColor;
                  h5{
                  margin:0px;
                  font-weight:$FW-Bold;
                  color:$SubColorLight;
                  text-align:center;
                  }
                  p{
                      display:flex;
                      justify-content:center;
                      margin:0px;
                      color:$SubColorLight;
                      text-align:center;
                      span{ margin-right: 5px;}
                  }
              }

          }
      }
      .counter-item:first-child{
          padding-right:10px;
          .item-content{
              .data{border:none;}
              border-bottom-left-radius : 5px;
              border-top-left-radius : 5px; 
              border:1px solid $BorderColor;
          }
      }
      .counter-item:nth-child(2){
          .item-content{
              border-left:1px solid $BorderColor;
          }
      }
      .counter-item:last-child{
          .item-content{
              .data{border:none;}
              border-bottom-right-radius : 5px;
              border-top-right-radius : 5px;
              border:1px solid $BorderColor;
              border-left:none;
          }   
      }
      .counter-item.danger{
          .data{
              h5,p{color:$Danger;}
          }
      }
  }

  @media (max-width: 1200px) {
      .counter{
          .counter-item{
              .item-content{
                  border-top:none;
              }
          }
          .counter-item:first-child{
              padding-right:0px !important;
              .item-content{
                  border-top-right-radius: 5px;
                  border-bottom-left-radius: 0px;
                  padding-bottom: 0px;
                  border-bottom:none;
                  .data{
                      border-bottom:1px solid $BorderColor !important;
                      padding-bottom: 25px;
                  }
              }
          }
          .counter-item:last-child{
              .item-content{
                  border-top:none !important;
              }
          }
          .counter-item:nth-child(2){
              .item-content{
                  border-bottom-left-radius: 5px;
              }
          }
      }
  }

  @media (max-width: 770px) {
      .counter{
          .counter-item:first-child{
              padding-right:0px !important;
              .item-content{
                  border-top-right-radius: 5px;
                  border-bottom-left-radius: 0px;
                  padding-bottom: 0px;
                  .data{
                      border-bottom:1px solid $BorderColor !important;
                      padding-bottom: 25px;
                  }
              }
          }
          .counter-item{
              .item-content{
                  padding-bottom: 0px;
                  border-bottom:none !important;
                  border-right: 1px solid $BorderColor;
                  border-left: 1px solid $BorderColor;
                  .data{
                      border:none !important;
                      border-bottom:1px solid $BorderColor !important;
                      padding-bottom: 25px;
                  }
              }
          }
          .counter-item:last-child{
              .item-content{
                  border-left: 1px solid $BorderColor;
                  border-bottom: 1px solid $BorderColor !important;
                  border-bottom-left-radius: 5px !important;
                  .data{
                      border:none !important;
                  }
              }
          }
      }
  } */
  /* @media only screen and (max-width: 992px){
      iframe.data-container-body-content-main-body{
          height: calc(100vh - 270px) !important;
      }
  }

   */
  /* @media only screen and(max-width: 575px){

  } */
  /* .jstree-container-ul{
      li{
          background: #000;
          a:first-child{
              i{
                  color:red;
              }
          }
      }
  } */
  /* .jstree {
      list-style: none;
      padding: 0px;
      ul{
          list-style: none;
          margin-left: 6px;
          border-left: 1px solid $BorderColor;
          padding-left: 10px;
      }
      li{
          font-family: $MainFont;
      }
      .jstree-node{
          .jstree-anchor{
              display: flex;
              align-items: center;
              justify-content: flex-start;
              padding: 5px;
              font-family: $MainFont;
              color: $MainColor;
              transition: transform .2s;
              font-weight: $FW-SBold;
              font-size: 14px;
          }
      }
  }
   */
  /*@import "Responsive";*/
}
html[dir=ltr] .financial-module .custom-control {
  margin: 1rem 0;
}
html[dir=ltr] .financial-module .custom-control.m05 {
  margin: 0.5rem 0;
}
html[dir=ltr] .financial-module .form-group {
  margin-bottom: 0.5rem;
}
html[dir=ltr] .financial-module .form-group.br-side {
  border-right: 1px solid #ced4da;
}
html[dir=ltr] .financial-module .form-group.bl-side {
  border-left: 1px solid #ced4da;
}
html[dir=ltr] .financial-module .custom-file {
  margin-bottom: 0.5rem;
}
html[dir=ltr] .select-single .select2-container {
  width: 100% !important;
}
html[dir=ltr] .select-single .select2-container .selection .select2-selection--single {
  min-height: 40px;
  text-align: left;
  border-radius: 0px;
  border-color: #ced4da;
}
html[dir=ltr] .select-single .select2-container .selection .select2-selection--single .select2-selection__rendered, html[dir=ltr] .select-single .select2-container .selection .select2-selection--single .select2-selection__arrow {
  min-height: 40px;
  align-items: center;
}
html[dir=ltr] input.en-desc:focus, html[dir=ltr] input.en-desc:focus {
  text-align: left !important;
  direction: ltr !important;
}
html[dir=ltr] select {
  border-color: #ced4da;
  border-radius: 0px;
  color: #939393;
  padding-top: 3px;
  padding-bottom: 3px;
}
html[dir=ltr] select.form-control:not([size]):not([multiple]) {
  height: 38px;
}
html[dir=ltr] form .form-check {
  margin-top: 30px;
}
html[dir=ltr] form .disabled button {
  background-color: #e9ecef !important;
  pointer-events: none;
}
html[dir=ltr] form .disabled select {
  background-color: #e9ecef !important;
  pointer-events: none;
}
html[dir=ltr] form .disabled input {
  background-color: #e9ecef !important;
  pointer-events: none;
}
html[dir=ltr] form .disabled .select2 {
  pointer-events: none;
}
html[dir=ltr] form .disabled .select2 .select2-selection--multiple {
  background-color: #e9ecef !important;
}
html[dir=ltr] form .disabled #Logo_Browser {
  pointer-events: none;
}
html[dir=ltr] form .disabled .logo label {
  display: none !important;
}
html[dir=ltr] form .disabled-btn {
  background-color: #ced4da !important;
  pointer-events: none;
  border: none;
}
html[dir=ltr] form .validation-msg {
  color: #ff3333;
  font-size: 14px;
  text-align: right;
  display: none;
}
html[dir=ltr] form .row {
  /* flex-direction: row-reverse; */
  align-items: center;
}
html[dir=ltr] form .row p {
  text-align: left;
}
html[dir=ltr] form textarea {
  max-width: 100%;
  max-height: 100px;
  min-height: 100px;
  border-radius: 0px;
  border-color: #ced4da;
}
html[dir=ltr] form textarea:hover, html[dir=ltr] form textarea:focus, html[dir=ltr] form textarea:active {
  outline: none;
  box-shadow: none;
}
html[dir=ltr] form .radio-input {
  display: inline-flex !important;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
html[dir=ltr] form .radio-input input {
  float: left;
  margin-right: 10px;
}
html[dir=ltr] form .radio-input label {
  float: right;
  margin: 0px;
  margin-right: 5px;
}
html[dir=ltr] form input {
  text-align: left;
}
html[dir=ltr] form select {
  padding: 6px !important;
}
html[dir=ltr] form label {
  font-weight: 300;
  display: inline-block;
  padding: 0px 15px;
}
html[dir=ltr] form .form-group {
  margin-bottom: 1.5rem;
}
html[dir=ltr] form .form-group.radio-group {
  margin-bottom: 0.5rem;
}
html[dir=ltr] form .form-group div.error, html[dir=ltr] form .form-group .field-validation-error, html[dir=ltr] form .form-group .ValidationMessage, html[dir=ltr] form .form-group .field-validation-valid {
  position: absolute;
  font-size: 14px;
  color: #ff3333 !important;
  padding-right: 10px;
  left: 12px;
  bottom: 0px;
  margin-bottom: -1.3rem;
}
html[dir=ltr] form .form-group .custom-radio {
  margin-top: 6px;
  margin-bottom: 6px;
}
html[dir=ltr] form .form-group .custom-radio .custom-control-label {
  line-height: 23px;
  padding-left: 15px !important;
}
html[dir=ltr] form .form-group .input-group .input-group-prepend .input-group-text {
  background: none;
  border: none;
  color: #939393;
  font-size: 16px;
}
html[dir=ltr] form .form-group label {
  margin: 0px;
  font-size: 14px;
  width: 100%;
  text-align: left;
}
html[dir=ltr] form .form-group input {
  border-color: #ced4da;
  border-radius: 0px;
  color: #939393;
  padding-top: 3px;
  padding-bottom: 3px;
}
html[dir=ltr] form .form-group input.danger {
  border-color: #ff3333 !important;
}
html[dir=ltr] form .form-group input.warning {
  border-color: #efb334 !important;
}
html[dir=ltr] form .form-group input.success {
  border-color: #a1b32b !important;
}
html[dir=ltr] form .form-group select {
  border-color: #ced4da;
  border-radius: 0px;
  color: #939393;
  padding-top: 3px;
  padding-bottom: 3px;
}
html[dir=ltr] form .form-group ::placeholder {
  color: #ced4da;
  font-size: 15px;
}
html[dir=ltr] form .form-group :-ms-input-placeholder {
  color: #ced4da;
  font-size: 15px;
}
html[dir=ltr] form .form-group ::-ms-input-placeholder {
  color: #ced4da;
  font-size: 15px;
}
html[dir=ltr] form .form-group input:active, html[dir=ltr] form .form-group input:focus, html[dir=ltr] form .form-group select:active, html[dir=ltr] form .form-group select:focus {
  box-shadow: none;
  outline: none;
  border-color: #00b1b7;
}
html[dir=ltr] form .explanation {
  display: inline-block;
  font-size: 14px;
  color: #939393;
  float: left;
  margin-top: 6px;
  margin-left: 6px;
}
html[dir=ltr] form .btn {
  padding: 8px 16px;
  border: none;
  outline: none;
}
html[dir=ltr] form .btn-success {
  background: #a1b32b;
}
html[dir=ltr] form .radio-input {
  display: inline-block;
  margin-right: 15px;
}
html[dir=ltr] form .radio-input input {
  display: inline-block;
  vertical-align: middle;
  height: 30px !important;
}
html[dir=ltr] form .radio-input label {
  display: inline-block;
  vertical-align: sub;
}
html[dir=ltr] form .multiple-select {
  width: 100%;
}
html[dir=ltr] form .select2-container {
  width: 100% !important;
  min-height: 40px;
}
html[dir=ltr] form .select2-container .selection .select2-selection--multiple {
  min-height: 40px;
  border: 1px solid #ced4da;
  border-radius: 0px;
}
html[dir=ltr] form .select2-container .selection .select2-selection--multiple ul .select2-selection__choice {
  background: #a1b32b;
  color: #ffffff;
  font-size: 16px;
  padding: 1px 10px;
  float: left;
}
html[dir=ltr] form .select2-container .selection .select2-selection--multiple ul .select2-selection__choice span {
  color: #ffffff;
  font-size: 16px;
  vertical-align: middle;
  margin-right: 5px;
  float: left;
}
html[dir=ltr] form .select2-container .selection .select2-selection--multiple ul .select2-selection__choice span:hover {
  color: #ff3333;
}
html[dir=ltr] form .select2-container .selection .select2-selection--multiple ul .select2-search--inline .select2-search__field {
  margin-top: 6px;
}
html[dir=ltr] form .select2-container .selection .select2-selection--multiple ul .select2-search--inline input {
  width: auto !important;
  min-width: 250px;
  padding-top: 0px !important;
  height: 27px !important;
  border: none !important;
  text-align: left;
}
html[dir=ltr] form .select2-container .select2-search--inline {
  float: left;
}
html[dir=ltr] form .form-section .inline-form-group {
  padding: 0px 5px !important;
}
html[dir=ltr] form .form-section p {
  color: #ffffff;
  margin: 0px 15px;
}
html[dir=ltr] form .form-group label {
  padding: 0px;
  min-height: 25px;
}
html[dir=ltr] form .form-group .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background: #a1b32b;
}
html[dir=ltr] .datepicker {
  padding: 15px;
  direction: ltr;
}
html[dir=ltr] .datepicker.dropdown-menu {
  left: initial;
}
html[dir=ltr] .custom-control {
  float: left;
  padding-left: 1.5rem !important;
  padding-right: 0 !important;
  margin: 2rem 0;
  text-align: left;
}
html[dir=ltr] .custom-control label {
  text-align: left;
  padding-left: 15px !important;
  margin: 0px !important;
}
html[dir=ltr] .custom-control label:before, html[dir=ltr] .custom-control label:after {
  left: 10px;
  right: auto;
}
html[dir=ltr] .well-div {
  background: #ced4da;
  border-radius: 20px;
  padding: 6px;
}
html[dir=ltr] .well-div.default {
  background: #00b1b7;
}
html[dir=ltr] .well-div.success {
  background: #cbdc5a;
}
html[dir=ltr] .well-div.warning {
  background: #efb334;
}
html[dir=ltr] .well-div.danger {
  background: #ff3333;
}
html[dir=ltr] .well-div.well-div-o {
  background: none;
  border: 2px solid #ced4da;
}
html[dir=ltr] .well-div.well-div-o .wel-div-check {
  color: #012943 !important;
}
html[dir=ltr] .well-div.well-div-o .stacked-data .stacked-div input {
  color: #012943 !important;
}
html[dir=ltr] .well-div.well-div-o .stacked-data .stacked-div input:after {
  color: #012943 !important;
}
html[dir=ltr] .well-div .form-group {
  margin: 0px;
}
html[dir=ltr] .well-div .wel-div-check {
  color: #ffffff;
  border-right: 1px solid #ffffff;
  padding-right: 15px;
  margin-right: 15px;
}
html[dir=ltr] .well-div .stacked-data .stacked-div {
  display: flex;
  align-items: center;
}
html[dir=ltr] .well-div .stacked-data .stacked-div::after {
  content: "/";
  color: #ffffff;
}
html[dir=ltr] .well-div .stacked-data .stacked-div:last-child::after {
  content: "";
}
html[dir=ltr] .well-div .stacked-data .stacked-div input {
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 100;
  text-align: center;
}
html[dir=ltr] .custom-control-input:checked ~ .custom-control-label::before {
  background: #a1b32b;
}
html[dir=ltr] body.en .g7-modal .modal-dialog .modal-body form .custom-control label {
  padding-left: 0px !important;
}
html[dir=ltr] body.en .g7-modal .modal-dialog .modal-body .multi-form .custom-control label {
  padding-left: 0px !important;
}
html[dir=ltr] .custom-file {
  margin-top: 0.5rem;
}
html[dir=ltr] .custom-file label.custom-file-label {
  padding: 5px;
  padding-right: 15px;
  right: 15px !important;
  left: 15px !important;
}
html[dir=ltr] .inputformError .formErrorContent {
  border: none;
  box-shadow: none;
  border-radius: 4px;
  background: #ff3333;
  color: #ffffff;
  font-size: 14px;
}
html[dir=ltr] .inputformError .formErrorArrow div {
  border: none;
  background: #ff3333;
  box-shadow: none;
}
html[dir=ltr] .switch {
  position: relative;
  display: inline-block;
  width: 43px;
  height: 17px;
  margin: 0px;
}
html[dir=ltr] .switch input {
  display: none;
}
html[dir=ltr] .switch input:checked + .slider {
  background-color: #a1b32b;
}
html[dir=ltr] .switch input:focus + .slider {
  box-shadow: 0 0 1px #027d82;
}
html[dir=ltr] .switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
html[dir=ltr] .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0px;
  background-color: #ff3333;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
html[dir=ltr] .switch .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  top: 2px;
  left: 2px;
  bottom: 2px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
html[dir=ltr] .switch .slider.round {
  border-radius: 34px;
}
html[dir=ltr] .switch .slider.round:before {
  border-radius: 50%;
}
html[dir=ltr] .select2-container--open .select2-dropdown .select2-results ul [aria-selected=true] {
  background: #ff3333;
  color: #ffffff;
  pointer-events: none;
}
html[dir=ltr] .select2-container--open .select2-dropdown .select2-results ul .select2-results__option--highlighted {
  background: #efb334;
}
html[dir=ltr] .select2-container--open .select2-dropdown .select2-results ul .select2-results__option {
  text-align: left;
}
html[dir=ltr] .radio-input {
  display: inline-flex !important;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
html[dir=ltr] .radio-input input {
  float: left;
  margin-right: 10px;
}
html[dir=ltr] .radio-input label {
  float: right;
  margin: 0px;
  margin-right: 5px;
}
html[dir=ltr] .gbtn-o {
  border-width: 2px;
  border-style: solid;
  padding: 6px 12px;
  color: #00b1b7 !important;
  margin: 3px;
  border-color: rgba(0, 177, 183, 0.85);
  font-size: 16px;
  border-radius: 5px;
  font-weight: 300;
  font-family: "OpenSans";
  text-align: center;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .gbtn-o:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 18px;
  margin-right: 5px;
  display: inline-block;
}
html[dir=ltr] .gbtn-o.gbtn-success-o {
  color: rgba(161, 179, 43, 0.85) !important;
  border-color: rgba(161, 179, 43, 0.85);
}
html[dir=ltr] .gbtn-o.gbtn-warning-o {
  color: rgba(239, 179, 52, 0.85) !important;
  border-color: rgba(239, 179, 52, 0.85);
}
html[dir=ltr] .gbtn-o.gbtn-danger-o {
  color: rgba(212, 18, 18, 0.85) !important;
  border-color: rgba(212, 18, 18, 0.85);
}
html[dir=ltr] .gbtn-o.gbtn-dark-o {
  color: rgba(1, 41, 67, 0.85) !important;
  border-color: rgba(1, 41, 67, 0.85);
}
html[dir=ltr] .gbtn-o.disabledBtn-o {
  color: #939393 !important;
  border-color: #939393 !important;
  pointer-events: none;
}
html[dir=ltr] .gbtn-o:hover {
  cursor: pointer;
  color: #ffffff !important;
  background: #00b1b7;
}
html[dir=ltr] .gbtn-success-o:hover {
  cursor: pointer;
  color: #ffffff !important;
  background: #a1b32b;
}
html[dir=ltr] .gbtn-warning-o:hover {
  cursor: pointer;
  color: #ffffff !important;
  background: #efb334;
}
html[dir=ltr] .gbtn-danger-o:hover {
  cursor: pointer;
  color: #ffffff !important;
  background: #ff3333;
}
html[dir=ltr] .gbtn-dark-o:hover {
  cursor: pointer;
  color: #ffffff !important;
  background: #012943;
}
html[dir=ltr] .gbtn-o:focus, html[dir=ltr] .gbtn-o:active {
  outline: none;
  box-shadow: none;
}
html[dir=ltr] .gbtn {
  /*border-width: 2px;
  border-style: solid;*/
  border: none;
  padding: 6px 12px;
  background: rgba(0, 177, 183, 0.85) !important;
  color: #ffffff !important;
  margin: 3px;
  font-size: 16px;
  border-radius: 3px;
  font-weight: 300;
  font-family: "OpenSans";
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .icon-gbtn.gbtn:before, html[dir=ltr] .icon-gbtn.gbtn-o:before {
  margin-right: 0px;
}
html[dir=ltr] .gbtn:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 18px;
  margin-right: 10px;
  display: inline-block;
}
html[dir=ltr] .gbtn.gbtn-success {
  background: #cbdc5a !important;
  border-color: #cbdc5a;
}
html[dir=ltr] .gbtn.gbtn-warning {
  background: #ffcc00 !important;
  border-color: #ffcc00;
}
html[dir=ltr] .gbtn.gbtn-danger {
  background: rgba(212, 18, 18, 0.85) !important;
  border-color: rgba(212, 18, 18, 0.85);
}
html[dir=ltr] .gbtn.gbtn-dark {
  background: #00b1b7 !important;
  border-color: #00b1b7;
}
html[dir=ltr] .gbtn.disabledBtn {
  background: #939393 !important;
  border-color: #939393 !important;
  pointer-events: none;
}
html[dir=ltr] .gbtn:hover {
  cursor: pointer;
  background: #00b1b7 !important;
}
html[dir=ltr] .gbtn-success:hover {
  cursor: pointer;
  background: #a1b32b !important;
}
html[dir=ltr] .gbtn-warning:hover {
  cursor: pointer;
  background: #efb334 !important;
}
html[dir=ltr] .gbtn-danger:hover {
  cursor: pointer;
  background: #ff3333 !important;
}
html[dir=ltr] .gbtn-dark:hover {
  cursor: pointer;
  background: #012943 !important;
}
html[dir=ltr] .gbtn.disabledBtn:hover {
  background: #939393 !important;
  cursor: default;
  color: #ffffff !important;
}
html[dir=ltr] .gbtn:focus, html[dir=ltr] .gbtn:active {
  outline: none;
  box-shadow: none;
}
html[dir=ltr] input[type=number]::-webkit-inner-spin-button,
html[dir=ltr] input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
html[dir=ltr] .discountContainer .custom-control label {
  min-width: 165px;
}
html[dir=ltr] .admin-roles, html[dir=ltr] .main-div-body, html[dir=ltr] .txt-align {
  text-align: left;
}
html[dir=ltr] .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
html[dir=ltr] .inputfile + label {
  width: 100%;
  font-size: 1.25rem;
  /* 20px */
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 0.625rem 1.25rem;
  /* 10px 20px */
}
html[dir=ltr] .no-js .inputfile + label {
  display: none;
}
html[dir=ltr] .inputfile + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */
}
html[dir=ltr] .inputfile-6 + label {
  color: #d3394c;
}
html[dir=ltr] .inputfile-6 + label {
  padding: 0;
  border-radius: 4px;
}
html[dir=ltr] .inputfile-6 + label .file-path,
html[dir=ltr] .inputfile-6 + label strong {
  padding: 0.625rem 1.25rem;
  /* 10px 20px */
}
html[dir=ltr] .inputfile-6 + label .file-path {
  width: auto;
  height: 39px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  font-size: 16px;
  font-weight: 100;
  color: #012943;
  line-height: 1;
  border: 1px solid #ced4da;
}
html[dir=ltr] .inputfile-6 + label strong {
  height: 40px;
  color: #ffffff;
  background-color: #00b1b7;
  display: inline-block;
  font-family: "OpenSans";
  font-size: 16px;
  font-weight: 300;
}
html[dir=ltr] .inputfile-6 + label strong:before {
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 10px;
}
html[dir=ltr] .inputfile-6:focus + label strong,
html[dir=ltr] .inputfile-6.has-focus + label strong,
html[dir=ltr] .inputfile-6 + label:hover strong {
  background-color: #a1b32b;
}
@media screen and (max-width: 50em) {
  html[dir=ltr] .inputfile-6 + label strong {
    display: block;
  }
}
@media screen and (max-width: 992px) {
  html[dir=ltr] .custom-control {
    margin: 0;
    margin-bottom: 1rem;
  }
}
html[dir=ltr] .form-group.required label:not(.custom-control-label):after {
  content: "*";
  color: #ff3333;
  margin-left: 5px;
  font-size: 15px;
  vertical-align: sub;
  font-weight: 900;
}
html[dir=ltr] .control-inline {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
html[dir=ltr] .control-inline .float-icon {
  position: absolute;
  top: 36px;
  right: 27px;
  color: #012943;
}
html[dir=ltr] .control-inline .float-icon:hover, html[dir=ltr] .control-inline .float-icon:ative, html[dir=ltr] .control-inline .float-icon:focus {
  cursor: pointer;
}
html[dir=ltr] .control-inline .icon-input {
  padding-right: 40px !important;
}
html[dir=ltr] .control-inline.disabled .float-icon {
  pointer-events: none;
  color: #939393;
}
html[dir=ltr] .form-icons-div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  flex-wrap: wrap;
}
html[dir=ltr] .form-icons-div li {
  padding: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px auto;
}
html[dir=ltr] .form-icons-div li label {
  margin-bottom: 15px;
}
html[dir=ltr] .form-icons-div li a {
  font-size: 40px;
  padding: 15px;
  border: 1px solid #ced4da;
  color: #ced4da;
  border-radius: 15px;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .form-icons-div li a:hover, html[dir=ltr] .form-icons-div li a:focus, html[dir=ltr] .form-icons-div li a:active {
  color: #ffffff;
  cursor: pointer;
  border-color: #78d0d4;
  background: #78d0d4;
}
html[dir=ltr] .form-icons-div li.active a {
  animation: none !important;
  color: #cbdc5a;
  border-color: #cbdc5a;
}
html[dir=ltr] .form-icons-div li.active a:hover, html[dir=ltr] .form-icons-div li.active a:focus, html[dir=ltr] .form-icons-div li.active a:active {
  color: #ffffff;
  border-color: #cbdc5a !important;
  background: #cbdc5a !important;
}
html[dir=ltr] .form-icons-div li p {
  font-size: 13px;
  text-align: center;
  font-weight: 300;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #939393;
  font-family: "OpenSans";
  min-height: 15px;
  margin-bottom: 0px;
}
html[dir=ltr] .form-icons-div li.warning a {
  -webkit-animation-name: mymove;
  /* Safari 4.0 - 8.0 */
  animation-name: mymove;
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}
html[dir=ltr] .form-icons-div li.warning a:hover, html[dir=ltr] .form-icons-div li.warning a:focus, html[dir=ltr] .form-icons-div li.warning a:active {
  border-color: #efb334;
  background: none;
}
html[dir=ltr] .form-icons-div.margin-fixed li {
  margin: 0px 15px;
}
html[dir=ltr] .ui-autocomplete {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
}
html[dir=ltr] .dir-15 .datepicker {
  left: 15px !important;
}
html[dir=ltr] .min100vh-75vh {
  min-height: calc(100vh - 75vh) !important;
}
html[dir=ltr] .min100vh-60vh {
  min-height: calc(100vh - 60vh) !important;
}
@-webkit-keyframes mymove {
  100% {
    color: #efb334;
    border-color: #efb334;
    transform: scale(1);
  }
  0% {
    color: #ced4da;
    border-color: #ced4da;
    transform: scale(0.8);
  }
}
@keyframes mymove {
  100% {
    color: #efb334;
    border-color: #efb334;
    transform: scale(1);
  }
  0% {
    color: #ced4da;
    border-color: #ced4da;
    transform: scale(0.8);
  }
}
html[dir=ltr] .display-radio-group {
  display: contents;
}
html[dir=ltr] html, html[dir=ltr] body {
  height: 100%;
  font-family: "OpenSans" !important;
}
html[dir=ltr] .border-bottom {
  margin: 10px 0px;
}
html[dir=ltr] .autocomplete-suggestions {
  background: #ffffff;
  padding: 0px !important;
  border: 1px solid #ced4da;
  border-top: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
html[dir=ltr] .autocomplete-suggestions .autocomplete-suggestion {
  padding: 5px 10px;
  text-align: left;
}
html[dir=ltr] .autocomplete-suggestions .autocomplete-suggestion:hover {
  background: #f0f0f0;
  cursor: pointer;
}
html[dir=ltr] .no-p {
  padding: 0px !important;
}
html[dir=ltr] .no-br {
  border: none !important;
}
html[dir=ltr] .main-container {
  display: flex;
  padding: 0px;
  height: 100%;
  max-height: 100%;
  height: 100vh;
}
html[dir=ltr] .main-container .page-container {
  overflow-y: hidden;
  padding: 0px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  top: 65px;
  height: calc(100vh - 65px);
}
html[dir=ltr] .main-container .page-container .full-tab-page {
  padding: 0px;
  background: #ffffff;
  overflow: auto;
  box-shadow: none;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container-header {
  margin-bottom: 15px;
  padding: 0px 10px;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container-header img {
  width: 100px;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container-header .company-data p {
  margin: 0px;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container-header .company-data h3 {
  width: 100%;
  font-weight: 900;
  text-align: right;
  text-transform: uppercase;
  padding: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
html[dir=ltr] .main-container .page-container .full-tab-page .print-tools {
  border-bottom: none;
  margin-bottom: 15px;
}
html[dir=ltr] .main-container .page-container .full-tab-page .print-tools .section-header-tools {
  padding: 0px;
  border: none;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container {
  height: auto;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body {
  padding: 0px;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main {
  padding-bottom: 0px;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body {
  padding: 0px;
  border: none;
  padding: 0px;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header {
  padding: 0px;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data h4 {
  border-color: #939393;
  font-size: 20px;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container {
  padding: 0px;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list-collapse-item .list-collapse-item-container .header {
  border-color: #939393 !important;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .table thead th {
  border-color: #939393 !important;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .table tbody tr {
  background: #ced4da !important;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting:before, html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_asc:before, html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_desc:before, html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_asc_disabled:before, html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_desc_disabled:before {
  display: none;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting:after, html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_asc:after, html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_desc:after, html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_asc_disabled:after, html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_desc_disabled:after {
  display: none;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .sum-values {
  border-color: #939393 !important;
}
html[dir=ltr] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body h4 {
  border-color: #939393;
  font-size: 20px;
}
html[dir=ltr] .main-container .login-container {
  margin-left: 0px;
  background-image: url("../Images/login-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  top: 0px;
  height: calc(100vh );
}
html[dir=ltr] .main-container .login-container .login-ctr {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  width: 25%;
}
html[dir=ltr] .main-container .login-container .login-ctr .logo-container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
html[dir=ltr] .main-container .login-container .login-ctr .logo-container img {
  width: 180px;
}
html[dir=ltr] .main-container .login-container .login-ctr .data-container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  padding: 0px 35px;
  width: 100%;
}
html[dir=ltr] .main-container .login-container .login-ctr .data-container .login-bg {
  position: absolute;
  background: #ffffff;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  box-shadow: 1px 0px 1px #939393;
  left: 0px;
}
html[dir=ltr] .main-container .login-container .login-ctr .data-container .header-content {
  padding: 15px;
}
html[dir=ltr] .main-container .login-container .login-ctr .data-container .header-content img {
  width: 350px;
  margin-bottom: 0px;
  z-index: 99;
  position: relative;
  margin-top: 25px;
  padding: 5px 10px;
}
html[dir=ltr] .main-container .login-container .login-ctr .data-container .header-content h4 {
  color: #00b1b7;
  font-weight: 900;
  font-family: "OpenSans";
  text-align: center;
  margin-bottom: 5px;
}
html[dir=ltr] .main-container .login-container .login-ctr .data-container .header-content h6 {
  color: #a1b32b;
  font-weight: 900;
  font-family: "OpenSans";
  text-align: center;
}
html[dir=ltr] .main-container .login-container .login-ctr .data-container .form-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 3;
  align-items: center;
  background: transparent;
}
html[dir=ltr] .main-container .login-container .login-ctr .data-container .form-content form {
  display: flex;
  flex-direction: column;
}
html[dir=ltr] .main-container .login-container .login-ctr .data-container .form-content form .form-group {
  margin-bottom: 25px;
  position: relative;
}
html[dir=ltr] .main-container .login-container .login-ctr .data-container .form-content form .form-group .input-icon {
  position: absolute;
  padding: 10px 0px;
}
html[dir=ltr] .main-container .login-container .login-ctr .data-container .form-content form .form-group .input-icon label {
  font-size: 30px;
  color: #939393;
  padding: 0px 10px 0px 15px;
  border-right: 1px solid #939393;
  margin: 0px;
}
html[dir=ltr] .main-container .login-container .login-ctr .data-container .form-content form .form-group input {
  height: 50px !important;
  border-color: #ced4da;
  padding-left: 55px !important;
}
html[dir=ltr] .main-container .login-container .login-ctr .data-container .form-content form button, html[dir=ltr] .main-container .login-container .login-ctr .data-container .form-content form a {
  margin-bottom: 35px;
  padding: 9px 14px;
}
html[dir=ltr] .main-container .login-container .login-ctr .login-footer {
  display: flex;
  flex-direction: row;
  padding: 15px;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #ffffff;
}
html[dir=ltr] .main-container .login-container .login-ctr .login-footer a {
  font-weight: 900;
  color: #ffffff;
  font-family: "OpenSans";
  font-size: 14px;
}
html[dir=ltr] .main-container .login-container .login-ctr .login-footer a:hover {
  cursor: pointer;
}
html[dir=ltr] .main-container .login-container .login-ctr .login-footer .select-language {
  margin-top: 20px;
  margin-bottom: 5px;
  font-family: "OpenSans";
  font-weight: 300;
  text-align: center;
}
html[dir=ltr] .main-container .login-container .login-ctr .login-footer .select-language:before {
  font-family: fontawesome;
  margin: 0px 5px;
  font-size: 16px;
}
html[dir=ltr] .main-container .login-container .login-ctr .login-footer .custom-checkbox {
  margin: 0px;
  padding-left: 1.5rem;
  margin-right: 2%;
}
html[dir=ltr] .main-container .login-container .login-ctr .login-footer .custom-checkbox label {
  font-weight: 900;
  color: #ffffff;
  font-family: "OpenSans";
  font-size: 14px;
  padding-right: 20px !important;
  padding-left: 15px !important;
  vertical-align: sub;
}
html[dir=ltr] .main-container .login-container .login-ctr .login-footer .custom-checkbox .custom-control-label::before {
  width: 25px;
  height: 25px;
}
html[dir=ltr] .main-container .login-container .login-ctr .login-footer .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background: #00b1b7;
}
html[dir=ltr] .main-container .login-container .login-ctr .login-footer .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  width: 25px;
  height: 25px;
}
html[dir=ltr] .main-container .login-container .login-ctr .login-footer .custom-checkbox:hover {
  cursor: pointer;
}
html[dir=ltr] .main-container .login-container .login-ctr .login-footer .custom-checkbox:last-child {
  margin-top: 3px;
}
html[dir=ltr] .main-container .login-container .login-ctr .copyright p {
  margin: 20px 0px;
  color: #ffffff;
  font-size: 13px;
  display: inline-block;
}
html[dir=ltr] .main-container .login-container .login-ctr .copyright span {
  font: normal normal normal 14px/1 FontAwesome !important;
  color: #ffffff;
  display: inline-block;
  margin: 0px 5px;
}
html[dir=ltr] .main-container .error-container {
  margin-left: 0px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #f0f0f0;
}
html[dir=ltr] .main-container .error-container .logo-container {
  padding: 50px;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .main-container .error-container .error-msg {
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
html[dir=ltr] .main-container .error-container .error-msg h4 {
  width: 100%;
  text-align: left;
  color: #00b1b7;
  font-size: 7rem;
  font-weight: 900;
}
html[dir=ltr] .main-container .error-container .error-msg p {
  width: 100%;
  text-align: left;
  font-size: 2.4rem;
  font-weight: 100;
}
html[dir=ltr] .main-container .error-container .error-msg a {
  padding: 10px 50px;
  font-size: 18px;
}
html[dir=ltr] .clockpicker-popover .popover-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  direction: ltr;
}
html[dir=ltr] .warning-text {
  color: #efb334;
}
html[dir=ltr] .success-text {
  color: #a1b32b;
}
html[dir=ltr] .danger-text {
  color: #ff3333;
}
html[dir=ltr] .default-text {
  color: #00b1b7;
}
html[dir=ltr] #loaderImg {
  display: none;
}
html[dir=ltr] a:hover {
  text-decoration: none;
}
html[dir=ltr] a:active {
  text-decoration: none;
}
html[dir=ltr] .fw {
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
}
html[dir=ltr] .no-border {
  border: none !important;
}
html[dir=ltr] .hidden {
  display: none !important;
  visibility: hidden;
  opacity: 0;
}
html[dir=ltr] .tooltip {
  font-family: "OpenSans";
}
html[dir=ltr] .custom-row {
  margin-right: 0px;
  margin-left: 0px;
}
html[dir=ltr] .m-direction-auto {
  margin-left: auto;
}
html[dir=ltr] .m-direction-op-auto {
  margin-right: auto;
}
html[dir=ltr] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
html[dir=ltr] ::-webkit-scrollbar-button {
  display: none;
}
html[dir=ltr] ::-webkit-scrollbar-track {
  background: transparent;
  padding: 5px;
}
html[dir=ltr] ::-webkit-scrollbar-track-piece {
  background: #f0f0f0;
  border-radius: 35px;
}
html[dir=ltr] ::-webkit-scrollbar-thumb {
  background: #00b1b7;
  border-radius: 35px;
}
html[dir=ltr] ::-webkit-scrollbar-corner {
  display: none;
}
html[dir=ltr] ::-webkit-resizer {
  display: none;
}
html[dir=ltr] .p-dir-0 {
  padding-left: 0px !important;
}
html[dir=ltr] .p-dir-op-0 {
  padding-right: 0px !important;
}
html[dir=ltr] .fl-end {
  align-items: flex-end !important;
}
html[dir=ltr] .br-dir-1 {
  border-left: 1px solid #ced4da;
}
html[dir=ltr] .br-dir-op-1 {
  border-right: 1px solid #ced4da;
}
@media only screen and (max-width: 1450px) {
  html[dir=ltr] .main-container .login-container .login-ctr {
    width: 30%;
  }
}
@media only screen and (max-width: 1200px) {
  html[dir=ltr] .main-container .login-container .login-ctr {
    width: 35%;
  }
  html[dir=ltr] .page-container:not(.login-container) {
    top: 66px !important;
    height: calc(100vh - 66px) !important;
  }
}
@media only screen and (max-width: 992px) {
  html[dir=ltr] .main-container .login-container .login-ctr {
    width: 50%;
  }
  html[dir=ltr] .main-container .error-container .logo-container {
    padding-top: 15px !important;
    padding-bottom: 0px !important;
  }
  html[dir=ltr] .main-container .error-container .error-msg {
    padding-bottom: 15px !important;
    justify-content: center;
  }
  html[dir=ltr] .main-container .error-container .error-msg h4 {
    text-align: center;
  }
  html[dir=ltr] .main-container .error-container .error-msg p {
    text-align: center;
  }
  html[dir=ltr] .main-data .custom-checkbox {
    margin: 10px 10px 10px 10px;
  }
}
html[dir=ltr] .footer-menu-logo {
  bottom: 0;
  position: fixed;
}
@media only screen and (max-width: 768px) {
  html[dir=ltr] .main-container .login-container .login-ctr {
    width: 80%;
  }
}
@media only screen and (max-width: 576px) {
  html[dir=ltr] .main-container .login-container .login-ctr {
    width: 90%;
  }
}
html[dir=ltr] .page-header {
  box-shadow: 0px 1px #ced4da;
  padding: 0px;
  /*padding-left:100px;*/
  /* z-index: 9; */
  height: 64px;
  background: #ffffff;
  /*  position : fixed !important; */
  left: 0px;
}
html[dir=ltr] .page-header .container-fluid {
  min-height: 64px;
  background: #ffffff;
  position: relative;
  z-index: 8;
  box-shadow: 0px 1px #ced4da;
}
html[dir=ltr] .page-header .container-fluid .header-container {
  flex-direction: row;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right {
  justify-content: flex-end;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .date-time {
  margin-left: 10px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .date-time p {
  color: #025ca0;
  margin: 0px;
  font-weight: 300;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  font-family: "OpenSans";
  direction: ltr;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .date-time p:before {
  font-family: FontAwesome;
  margin-right: 5px;
  font-weight: 900;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .date-time p:after {
  font-family: FontAwesome;
  margin-right: 0px;
  font-weight: 900;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .date-time .day:before {
  content: "";
  color: #efb334;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .date-time .day:after {
  content: "";
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .date-time .night:before {
  content: "";
  color: #012943;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .date-time .night:after {
  content: "";
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav {
  flex-direction: row;
  align-items: center;
  /* .dropdown{
      margin: 0px 10px;
      a{
          flex-direction: $FdirectionRow;
          align-items: center;
          margin: 10px 0px;
          padding-left: 10px;
          span{
              margin-left: 5px;
              color: $MainColor;
              font-size: 17px;
              align-self: flex-end;
          }
          .user-data{
              text-align: $Direction;
              h4,p{
                  color: $MainColorLight;
              }
              h4{
                  font-size: 14px;
                  font-weight: $FW-Bold;
                  font-family: $MainFont;
                  color: $MainColor;
              }
          }
          .user-img{
              margin-right: 5px;
              img{
                  width: 30px;
                  height: 30px;
                  border-radius: 30px;
              }
          }
      }
      .dropdown-toggle{
          border-left: 1px solid $BorderColor;
      }
      a:after{
          border: none;
      }
      .dropdown-menu{
          width: 220px;
          top:65px !important;

          right: 0px !important;
          left: auto !important;
          transform: translate3d(0px, 0px, 0px) !important;
          border-top-right-radius: 0px;
          border-top-left-radius: 0px;
          a{
              min-height: auto;
              div{
                  flex-direction: $FdirectionRow;
                  p{
                      justify-content: flex-start;
                      margin: 0px;
                      color: $MainColor;
                      text-align: $Direction;
                  }
                  span{
                      justify-content: flex-end;
                      margin: 0px;
                  }
                  .badge{
                      font-size: 13px;
                      font-weight: $FW-Light;
                      padding: 4px 8px;
                      color: $ClearWhite;
                      background: $Success;
                  }
              }
          }
          .prog-notification{
              display: none;
              p{
                  justify-content: flex-start;
                  span{
                      justify-content: flex-end;
                      margin-right: 10px;
                      float:$Direction;
                      min-width: 17px;
                      text-align: center;
                  }
              }
          }
          .dropdown-divider{margin: 0px;}
      }
      a:hover, a:focus,a:active{
          background: none;
          text-decoration: none;
          cursor: pointer;
      }
  }
  .open{
      a{
          background: none !important;
          text-decoration: none;
      }
  } */
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link {
  position: relative;
  display: inline-block;
  margin: 0px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link a {
  color: #012943;
  font-size: 18px;
  border: none !important;
  /*  span{
          margin-top:5px;
      } */
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link a:before {
  width: 18px !important;
  height: 18px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link a .badge {
  top: 0px;
  right: 0px;
  margin-top: 7px;
  margin-right: 8px;
  background: #a1b32b;
  color: #ffffff !important;
  font-weight: 100;
  font-size: 12px;
  font-family: "OpenSans";
  position: absolute;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link a:first-child {
  padding: 15px 10px !important;
  width: 45px !important;
  height: 49px !important;
  display: flex;
  align-self: center;
  justify-content: center;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link a:first-child:hover, html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link a:first-child:focus, html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link a:first-child:active {
  background: none;
  color: #efb334;
  cursor: pointer;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link .md-icon {
  font-size: 20px;
  padding: 13px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link .md-icon img {
  height: 25px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link {
  flex-direction: row;
  align-items: center;
  margin: 10px 0px;
  padding-left: 10px;
  border-left: 1px solid #ced4da;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link span {
  margin-left: 5px;
  color: #025ca0;
  font-size: 17px;
  align-self: flex-end;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link .user-data {
  text-align: left;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link .user-data h4, html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link .user-data p {
  color: #025ca0;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link .user-data h4 {
  font-size: 14px;
  font-weight: 900;
  font-family: "OpenSans";
  color: #025ca0;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link .user-img {
  margin-right: 5px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link .user-img .activity {
  width: 15px;
  height: 15px;
  background: #a1b32b;
  position: absolute;
  border-radius: 15px;
  bottom: 0px;
  left: 0px;
  margin: 8px 9px;
  border: 3px solid #ffffff;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link .user-img img {
  width: 35px;
  height: 35px;
  border-radius: 35px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link:after {
  border: none;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown a {
  margin: 0px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu {
  width: 380px;
  top: 50px !important;
  left: 50% !important;
  right: auto !important;
  border: 1px solid #ced4da !important;
  transform: translate(-50%, 0) !important;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .top-arrow {
  color: #fff;
  -webkit-text-stroke: 1px #ced4da;
  position: absolute;
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, 0) !important;
  top: -17px;
  font-size: 25px;
  z-index: 5;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-header {
  padding: 0.8rem 1.5rem;
  text-align: center;
  background: #ffffff;
  z-index: 6;
  position: relative;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item {
  padding: 0px !important;
  white-space: normal;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item .dropdown-item-container {
  padding: 8px 0px 6px 0px;
  border-top: 1px solid #ced4da;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item .dropdown-item-container .dropdown-item-container-icon {
  padding: 5px 15px;
  font-size: 36px;
  border-right: 1px solid #ced4da;
  margin-right: 8px;
  align-self: flex-start;
  min-width: 72px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item .dropdown-item-container .dropdown-item-container-icon:before {
  display: flex;
  justify-content: center;
  align-items: center;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item .dropdown-item-container .dropdown-item-container-content {
  width: 80%;
  align-items: center;
  align-content: center;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item .dropdown-item-container .dropdown-item-container-content h4 {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0px;
  padding-right: 10px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item .dropdown-item-container .dropdown-item-container-content p {
  font-size: 14px;
  font-weight: 100;
  color: #939393;
  padding-right: 10px;
  margin-bottom: 2px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item .dropdown-item-container .dropdown-item-container-content span {
  font-size: 11px;
  width: 100%;
  text-align: right;
  padding: 0px 10px;
  color: #939393;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item:hover {
  background: #fbfbfb;
  cursor: pointer;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.warning {
  color: #efb334;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.warning .dropdown-item-container .dropdown-item-container-icon {
  color: #efb334;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.dark {
  color: #343a40;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.dark .dropdown-item-container .dropdown-item-container-icon {
  color: #343a40;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.success {
  color: #a1b32b;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.success .dropdown-item-container .dropdown-item-container-icon {
  color: #a1b32b;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.danger {
  color: #ff3333;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.danger .dropdown-item-container .dropdown-item-container-icon {
  color: #ff3333;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.default {
  color: #00b1b7;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.default .dropdown-item-container .dropdown-item-container-icon {
  color: #00b1b7;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-footer {
  display: block;
  width: 100%;
  text-align: center;
  padding: 8px !important;
  background: #012943;
  color: #ffffff;
  font-size: 15px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-footer p {
  margin-bottom: 0px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-footer:hover {
  background: #00b1b7;
  cursor: pointer;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-footer.danger {
  background: #f2a095;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-footer.danger:hover {
  background: #ff3333;
  cursor: pointer;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-footer.success {
  background: #cbdc5a;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-footer.success:hover {
  background: #a1b32b;
  cursor: pointer;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-lg .dropdown-menu {
  width: 380px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-header {
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-menu {
  width: 300px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 10px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool {
  align-items: center;
  justify-content: center;
  display: flex;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool a {
  padding: 12px !important;
  font-weight: 700;
  width: auto !important;
  height: auto !important;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link {
  padding: 5px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a {
  padding: 0px !important;
  width: auto !important;
  height: auto !important;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a span {
  text-align: center;
  font-size: 30px;
  margin-bottom: 5px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a p {
  font-size: 12px;
  text-align: center;
  color: #012943;
  font-weight: 300;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a:hover {
  cursor: pointer;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.success span {
  color: #cbdc5a;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.success p {
  color: #939393;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.success:hover span, html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.success:hover p {
  color: #a1b32b;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.default span {
  color: #78d0d4;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.default p {
  color: #939393;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.default:hover span, html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.default:hover p {
  color: #00b1b7;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.warning span {
  color: #fdc977;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.warning p {
  color: #939393;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.warning:hover span, html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.warning:hover p {
  color: #efb334;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.danger span {
  color: #f2a095;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.danger p {
  color: #939393;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.danger:hover span, html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.danger:hover p {
  color: #ff3333;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu {
  width: 220px;
  border-radius: 0px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-header {
  border-bottom: 1px solid #ced4da;
  display: none;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-header .user-data {
  text-align: left;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-header .user-data h4, html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-header .user-data p {
  color: #939393;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-header .user-data h4 {
  font-size: 14px;
  font-weight: 900;
  font-family: "OpenSans";
  color: #012943;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-body {
  background: #ffffff;
  z-index: 9;
  position: relative;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-body .dropdown-item .dropdown-item-container {
  padding: 8px 10px 6px 10px;
  border: none;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-body .dropdown-item .dropdown-item-container p {
  font-size: 15px;
  font-weight: 300;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-body .dropdown-item .dropdown-item-container span {
  width: auto;
  margin-left: auto;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-body .dropdown-item .dropdown-item-container .badge {
  background: #a1b32b;
  color: #ffffff;
  padding: 3px 6px;
  line-height: 12px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-body .dropdown-item .dropdown-item-container .icon {
  font-size: 15px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-body .dropdown-item:hover .dropdown-item-container p {
  color: #012943;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .profile-menu .dropdown-menu {
  top: 60px !important;
  transform: translate(-60%, 0) !important;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link a.success {
  color: #cbdc5a;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link a.success:hover {
  color: #a1b32b;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link a.default {
  color: #78d0d4;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link a.default:hover {
  color: #00b1b7;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link a.warning {
  color: #fdc977;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link a.warning:hover {
  color: #efb334;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link a.danger {
  color: #f2a095;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-link a.danger:hover {
  color: #ff3333;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .devider {
  border-right: 1px solid #ced4da;
  height: 40px;
  width: 1px;
  margin: 0px 5px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .icon-sqr a:first-child {
  font-size: 20px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse {
  display: none;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse .nav .icon-link a {
  padding: 15px;
  padding-right: 15px;
  padding-left: 10px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown [data-toggle=dropdown] {
  padding: 19px 10px !important;
  min-height: auto !important;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown [data-toggle=dropdown] span {
  font-size: 20px !important;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown a:hover, html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown a:focus, html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown a:active {
  background: none;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown a:hover span, html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown a:focus span, html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown a:active span {
  color: #00b1b7;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown .dropdown-menu .user-menuitem {
  padding: 5px 10px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown .dropdown-menu .user-menuitem .profile {
  flex-direction: row;
  align-items: center;
  display: flex;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown .dropdown-menu .user-menuitem .profile .user-data {
  text-align: left;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown .dropdown-menu .user-menuitem .profile .user-data h4, html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown .dropdown-menu .user-menuitem .profile .user-data p {
  color: #939393;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown .dropdown-menu .user-menuitem .profile .user-data h4 {
  font-size: 17px;
  font-weight: 900;
  font-family: "OpenSans";
  color: #012943;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown .dropdown-menu .user-menuitem .profile .user-img {
  margin-right: 5px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown .dropdown-menu .user-menuitem .profile .user-img img {
  width: 30px;
  height: 30px;
  border-radius: 30px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-right: auto;
  /*  ul{
          justify-content: flex-start ;
          padding-right:0px;
          .dropdown{
              a{
                  padding: 0px 10px;
                  h4{
                      font-size: 22px;
                      font-weight: $FW-Bold;
                      font-family: $MainFont;
                      color:$SubColor;
                      display: inline-block;
                      vertical-align: middle;
                      margin: 0px;
                      float:$Direction;
                  }
                  span{
                      display: inline-block;
                      vertical-align: middle;
                      margin-left: 7px;
                      margin-top: 3px;
                      color:$SubColor;
                      font-size: 19px;
                  }
              }
              a:after{
                  border: none;
              }
              .dropdown-menu{
                  top: 48px!important;
                  right: auto !important;
                  transform: none !important;
                  left: 0px;
                  min-width: 250px;
                  border-color: $BorderColor;
                  border-top-right-radius: 0px;
                  border-top-left-radius: 0px;
                  h6{
                      text-align:$Direction;
                  }
                  a{
                      min-height: auto;
                      padding: 12px;
                      padding-right: 10px;
                      padding-left: 15px;
                      border-bottom: 1px solid $BorderColor;
                      div{
                          flex-direction: $FdirectionRow ;
                          p{
                          margin: 0px;
                          color: $MainColor;
                          text-align:$Direction;
                          }
                          .badge{
                              font-size: 13px;
                              font-weight: $FW-Light;
                              padding: 4px 8px 4px 8px;
                              color: $ClearWhite;
                              background: $Success;
                          }
                      }
                  }
                  a:last-child{
                      border: none;
                  }
              }
              a:hover, a:focus,a:active{
                  background: none;
                  text-decoration: none;
                  cursor: pointer;
              }
          }
          .open{
              a{
                  background: none !important;
                  text-decoration: none;
              }
          }
      } */
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .company-logo {
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .company-logo img {
  height: 49px;
  margin-right: 15px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .company-logo h3 {
  margin: 0px;
  padding: 0px 5px;
  color: #012943;
  font-weight: 900;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .sidebar-icon-link {
  padding: 15px 10px !important;
  width: 45px !important;
  height: 49px !important;
  display: flex;
  align-self: center;
  justify-content: center;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .sidebar-icon-link a {
  font-size: 20px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav {
  flex-direction: row;
  align-items: center;
  padding: 0px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .form-div-container {
  padding: 0px;
  margin-right: 5px !important;
  /* &.focused-item{
      .form-div{
      input{
          z-index: 99999;
      }
      span{
          z-index: 999999;
      }
      }
  } */
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div span {
  position: fixed;
  z-index: 11;
  font-size: 19px;
  color: #939393;
  border-right: 1px solid #ced4da;
  padding-right: 10px;
  padding-left: 10px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div input {
  border-radius: 0px;
  border: none;
  padding-left: 50px;
  border-color: #ced4da;
  width: 400px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div input:focus, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div input:active {
  outline: none;
  border-bottom: 1px Solid #ced4da;
  box-shadow: none;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div input::placeholder, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div input:-ms-input-placeholder, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div input::-ms-input-placeholder {
  color: #ced4da;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div select {
  border-radius: 0px;
  border: none;
  padding-left: 50px !important;
  z-index: 10;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-repeat: no-repeat;
  background-position: 3% 42%;
  background-color: #ffffff;
  padding-right: 25px !important;
  border: 1px solid #ced4da;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div select:focus, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div select:active {
  outline: none;
  border-bottom: 1px Solid #ced4da;
  box-shadow: none;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .form-div-container-container .fa-size {
  font-size: 22px;
  padding-top: 0.5rem;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link {
  position: relative;
  display: inline-block;
  margin: 0px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link button, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link a {
  color: #025ca0;
  font-size: 18px;
  border: none !important;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link button:before, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link a:before {
  width: 18px !important;
  height: 18px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link button .badge, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link a .badge {
  top: 0px;
  right: 0px;
  margin-top: 7px;
  margin-right: 8px;
  background: #a1b32b;
  color: #ffffff !important;
  font-weight: 100;
  font-size: 12px;
  font-family: "OpenSans";
  position: absolute;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link button {
  font-size: 20px;
  padding: 20px 15px;
  background: none;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link a:first-child {
  padding: 15px 10px !important;
  width: 45px !important;
  height: 49px !important;
  display: flex;
  align-self: center;
  justify-content: center;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link a:first-child:hover, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link a:first-child:focus, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link a:first-child:active, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link button:first-child:hover, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link button:first-child:focus, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link button:first-child:active {
  background: none;
  color: #efb334;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link .md-icon {
  font-size: 20px;
  padding: 13px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link .md-icon img {
  height: 25px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown {
  margin: 0px !important;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown a {
  margin: 0px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu {
  width: 380px;
  top: 50px !important;
  left: 50% !important;
  right: auto !important;
  border: 1px solid #ced4da !important;
  transform: translate(-50%, 0) !important;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu .search-input {
  padding: 5px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu .search-input input {
  border-radius: 0px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu .search-input span {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 14px;
  color: #ced4da;
  font-size: 18px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu .top-arrow {
  color: #fff;
  -webkit-text-stroke: 1px #ced4da;
  position: absolute;
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, 0) !important;
  top: -17px;
  font-size: 25px;
  z-index: 5;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu .dropdown-header {
  padding: 0.8rem 1.5rem;
  text-align: center;
  background: #ffffff;
  z-index: 6;
  position: relative;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul {
  padding: 0px;
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item {
  padding: 0px !important;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a {
  height: unset !important;
  padding: 0px !important;
  white-space: normal;
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a .dropdown-item-container {
  padding: 8px 0px 6px 0px;
  border-top: 1px solid #ced4da;
  width: 100%;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a .dropdown-item-container .dropdown-item-container-icon {
  padding: 5px 15px;
  font-size: 36px;
  border-right: 1px solid #ced4da;
  margin-right: 8px;
  align-self: flex-start;
  min-width: 72px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a .dropdown-item-container .dropdown-item-container-icon:before {
  display: flex;
  justify-content: center;
  align-items: center;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a .dropdown-item-container .dropdown-item-container-content {
  width: 80%;
  align-items: center;
  align-content: center;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a .dropdown-item-container .dropdown-item-container-content h4 {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0px;
  padding-right: 10px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a .dropdown-item-container .dropdown-item-container-content p {
  font-size: 14px;
  font-weight: 100;
  color: #939393;
  padding-right: 10px;
  margin-bottom: 2px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a .dropdown-item-container .dropdown-item-container-content span {
  font-size: 11px;
  width: 100%;
  text-align: right;
  padding: 0px 10px;
  color: #939393;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a:hover {
  background: #fbfbfb;
  cursor: pointer;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.warning {
  color: #efb334;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.warning .dropdown-item-container .dropdown-item-container-icon {
  color: #efb334;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.dark {
  color: #343a40;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.dark .dropdown-item-container .dropdown-item-container-icon {
  color: #343a40;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.success {
  color: #a1b32b;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.success .dropdown-item-container .dropdown-item-container-icon {
  color: #a1b32b;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.danger {
  color: #ff3333;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.danger .dropdown-item-container .dropdown-item-container-icon {
  color: #ff3333;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.default {
  color: #00b1b7;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.default .dropdown-item-container .dropdown-item-container-icon {
  color: #00b1b7;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu .dropdown-footer {
  display: block;
  width: 100%;
  text-align: center;
  padding: 8px !important;
  background: #012943;
  color: #ffffff;
  font-size: 15px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu .dropdown-footer:hover {
  background: #00b1b7;
  cursor: pointer;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-lg .dropdown-menu {
  width: 380px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-header {
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-menu {
  width: 300px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 10px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body.keyboard-shortcuts {
  align-items: center;
  padding: 5px;
  list-style: none;
  overflow-y: auto;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body.keyboard-shortcuts li {
  padding: 0px;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body.keyboard-shortcuts li p {
  margin: 0px;
  padding: 2px 5px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body.keyboard-shortcuts li p .icon {
  font-weight: 900;
  font-size: 14px;
  text-align: left;
  border: 1px solid #ced4da;
  padding: 0px 10px;
  border-radius: 4px;
  margin: 5px;
  box-shadow: 2px 2px 0px #ced4da;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body.keyboard-shortcuts li p .desc {
  color: #939393;
  margin: 0px;
  font-weight: 300;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  font-family: "OpenSans";
  /* padding-left:10px;
  margin-left:10px;
  border-left: 1px solid $BorderColor; */
  text-align: left;
  padding-right: 0px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body.keyboard-shortcuts li:last-child {
  border: none;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .form-clear-btn {
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
  padding: 12px !important;
  width: auto !important;
  height: auto !important;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool {
  align-items: center;
  justify-content: center;
  display: flex;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool a {
  padding: 12px !important;
  font-weight: 700;
  width: auto !important;
  height: auto !important;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link {
  padding: 5px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link.sm-item {
  display: none;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a {
  padding: 0px !important;
  width: auto !important;
  height: auto !important;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a span {
  text-align: center;
  font-size: 30px;
  margin-bottom: 5px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a p {
  font-size: 12px;
  text-align: center;
  color: #012943;
  font-weight: 300;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a:hover {
  cursor: pointer;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.success span {
  color: #cbdc5a;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.success p {
  color: #939393;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.success:hover span, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.success:hover p {
  color: #a1b32b;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.default span {
  color: #78d0d4;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.default p {
  color: #939393;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.default:hover span, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.default:hover p {
  color: #00b1b7;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.warning span {
  color: #fdc977;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.warning p {
  color: #939393;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.warning:hover span, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.warning:hover p {
  color: #efb334;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.danger span {
  color: #f2a095;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.danger p {
  color: #939393;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.danger:hover span, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.danger:hover p {
  color: #ff3333;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .form-group {
  padding: 0px;
  margin-bottom: 5px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-sm .dropdown-menu {
  width: 300px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link a.success {
  color: #cbdc5a;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link a.success:hover {
  color: #a1b32b;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link a.default {
  color: #78d0d4;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link a.default:hover {
  color: #00b1b7;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link a.warning {
  color: #fdc977;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link a.warning:hover {
  color: #efb334;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link a.danger {
  color: #f2a095;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-link a.danger:hover {
  color: #ff3333;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .devider {
  border-left: 1px solid #ced4da;
  height: 40px;
  width: 1px;
  margin: 0px 5px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .icon-sqr a:first-child {
  font-size: 20px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .hidden-tool {
  display: none;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown {
  margin: 0px 10px;
  /* .dropdown-toggle{
      border-left: 1px solid $BorderColor;
  } */
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown a {
  flex-direction: row;
  align-items: center;
  margin: 10px 0px;
  padding-left: 10px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown a span {
  margin-left: 5px;
  color: #012943;
  font-size: 17px;
  align-self: flex-end;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown a .user-data {
  text-align: left;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown a .user-data h4, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown a .user-data p {
  color: #939393;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown a .user-data h4 {
  font-size: 14px;
  font-weight: 900;
  font-family: "OpenSans";
  color: #012943;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown a .user-img {
  margin-right: 5px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown a .user-img img {
  width: 30px;
  height: 30px;
  border-radius: 30px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown a:after {
  border: none;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu {
  width: 220px;
  top: 65px !important;
  right: 0px !important;
  left: auto !important;
  transform: translate3d(0px, 0px, 0px) !important;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu a {
  min-height: auto;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu a div {
  flex-direction: row;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu a div p {
  justify-content: flex-start;
  margin: 0px;
  color: #012943;
  text-align: left;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu a div span {
  justify-content: flex-end;
  margin: 0px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu a div .badge {
  font-size: 13px;
  font-weight: 100;
  padding: 4px 8px;
  color: #ffffff;
  background: #a1b32b;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu .prog-notification {
  display: none;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu .prog-notification p {
  justify-content: flex-start;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu .prog-notification p span {
  justify-content: flex-end;
  margin-right: 10px;
  float: left;
  min-width: 17px;
  text-align: center;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu .dropdown-divider {
  margin: 0px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown a:hover, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown a:focus, html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .dropdown a:active {
  background: none;
  text-decoration: none;
  cursor: pointer;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .open a {
  background: none !important;
  text-decoration: none;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .company-branch-item {
  display: none;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .header-data {
  border-left: 1px solid #ced4da;
  padding-left: 10px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .header-data .header-data-item {
  line-height: 16px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .header-data .header-data-item .label {
  color: #939393;
  margin: 0px 5px;
  font-weight: 300;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  font-family: "OpenSans";
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .header-data .header-data-item .label:after {
  content: ":";
  margin: 0px 5px;
}
html[dir=ltr] .page-header .container-fluid .header-container .header-left .header-data .header-data-item .data {
  color: #939393;
  margin: 0px;
  font-weight: 300;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  font-family: "OpenSans";
}
html[dir=ltr] .page-header .top-header-tools {
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  position: absolute;
  top: 10px;
  z-index: 7;
}
html[dir=ltr] .page-header .top-header-tools .tools {
  display: flex;
  flex-wrap: wrap;
  background: #ffffff;
  padding: 5px 10px;
  border-radius: 6px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border: 1px solid #ced4da;
  margin-left: auto;
  border-top: none;
}
html[dir=ltr] .page-header .top-header-tools .tools a {
  padding: 10px 14px;
  font-weight: 700;
}
html[dir=ltr] .page-header .top-header-tools .tools .show-btn {
  background: #ffffff;
  width: 30px;
  height: 16px;
  z-index: 999;
  font-weight: 100;
  display: flex;
  bottom: -20px !important;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  position: absolute;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #012943;
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .page-header .top-header-tools .tools .show-btn .left {
  position: absolute;
  left: -15px;
  border-bottom-left-radius: 28px;
  background: #fff;
  border: 1px solid #ced4da;
  top: 0px;
  bottom: -1px;
  right: 29px;
  border-right: none;
  border-top: none;
}
html[dir=ltr] .page-header .top-header-tools .tools .show-btn .right {
  position: absolute;
  border-bottom-right-radius: 28px;
  background: #fff;
  border: 1px solid #ced4da;
  top: 0px;
  bottom: -1px;
  left: 29px;
  border-left: none;
  border-top: none;
}
html[dir=ltr] .page-header .top-header-tools .tools .show-btn:hover {
  cursor: pointer;
}
html[dir=ltr] .page-header .top-header-tools.tools-in {
  animation-name: MenuSlidingInTop;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
html[dir=ltr] .page-header .top-header-tools.tools-out {
  animation-name: MenuSlidingOutTop;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
@media screen and (max-width: 500px) {
  html[dir=ltr] .page-header .container-fluid {
    padding: 0px;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-left {
    padding: 8px 0px;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-left .sidebar-icon-link {
    z-index: 10;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-left .company-logo {
    padding-left: 15px;
    z-index: 10;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav {
    z-index: 10;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .company-branch-item {
    display: flex;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-left .user-tools {
    position: absolute;
    padding: 15px;
    background: #012943;
    z-index: 9;
    width: 100%;
    top: 0px;
    display: none;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-left .user-tools .devider {
    display: none;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-left .user-tools .form-div-container {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-left .user-tools.opened {
    transform: translate(0, 65px);
    transition-duration: 1s;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-left .user-tools.closed {
    transform: translate(0, -65px);
    transition-duration: 1s;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-right {
    display: flex;
  }
  html[dir=ltr] .page-header .container-fluid .header-container-bg {
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    z-index: 9;
  }
  html[dir=ltr] .page-header .container-fluid .header-right {
    z-index: 10;
  }
}
@media screen and (max-width: 992px) {
  html[dir=ltr] .page-header .container-fluid .header-container .header-left .user-tools {
    width: 100% !important;
    flex-basis: auto;
    display: none;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-left .user-tools .devider {
    display: none;
  }
}
@media screen and (min-width: 993px) and (max-width: 1399px) {
  html[dir=ltr] .page-header .container-fluid .header-container .header-left .user-tools {
    display: none;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-left .user-tools .devider {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .dropdown .dropdown-toggle .user-data {
    display: none !important;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .dropdown .dropdown-menu {
    right: 100% !important;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .dropdown .dropdown-menu .top-arrow {
    right: 23% !important;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .dropdown .dropdown-menu .dropdown-header {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
  }
}
@media screen and (max-width: 670px) {
  html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .g7-dropdown .dropdown-menu .dropdown-body .sm-item {
    display: block !important;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-left .nav .sm-item-none {
    display: none !important;
  }
}
@media screen and (max-width: 370px) {
  html[dir=ltr] .page-header .container-fluid .header-container .header-left .company-logo img {
    height: 40px;
    margin-right: 0px;
  }
}
@keyframes MenuSlidingInTop {
  from {
    top: 10px;
  }
  to {
    top: 65px;
  }
}
@keyframes MenuSlidingOutTop {
  from {
    top: 64px;
  }
  to {
    top: 10px;
  }
}
html[dir=ltr] .sidebar {
  background: #00111d;
  overflow-y: hidden;
  width: 100px;
  padding: 0;
  padding: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
html[dir=ltr] .sidebar .sidebar-bg {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  background: #00111d;
  width: 100px;
}
html[dir=ltr] .sidebar .logo-div {
  z-index: 25;
  height: 60px;
  padding: 0px 10px;
  text-align: center;
  margin-bottom: 13px;
  position: relative;
}
html[dir=ltr] .sidebar .logo-div .logo {
  padding: 10px 0px 10px 0px;
}
html[dir=ltr] .sidebar .logo-div .logo img {
  width: 100%;
  max-width: 60px;
  padding: 3px 0px;
}
html[dir=ltr] .sidebar .logo-div .logo span {
  color: #ffffff;
  font-size: 32px;
  margin-top: 5px;
}
html[dir=ltr] .sidebar .sidebar-list {
  height: 85.8vh;
  list-style: none;
  padding: 0px;
  /* .active-item{ 
      a{
          color:$SubColor;
          background: $MainColorVLight;
          border-top-left-radius: 10px;
          border-bottom-left-radius: 10px;
          margin-left: 10px;
      } 
       .sub-list{
          .sub-list-item{
              a{background: none; color:$ClearWhite;margin:0; border-radius:0px;}
          }
      } 
       .top-t,.bottom-t{
          display: block;
      }             
   } 
   .active-item:hover{
      a{
          color:$SubColor;
      }
      background: none;
      cursor: pointer;
  } */
}
html[dir=ltr] .sidebar .sidebar-list .mCSB_scrollTools {
  visibility: hidden !important;
}
html[dir=ltr] .sidebar .sidebar-list .list-item {
  position: relative;
  display: block;
  /* .sub-list-l{
      background:$MainColor;
      position: fixed;
      visibility:visible;
      list-style:none;
      padding:0px;
      min-width: 280px;
      top: 0px;
      bottom: 0;
      left: 100px;
      .sub-list-header{
          height: 65px;
          padding: 10px 15px;
          display: flex;
          align-items: center;
          justify-content: center;
          h2{
              color: $ClearWhite;
              margin: 0px;
              padding: 11px 15px;
              border-bottom: 1px solid $BorderColor;
          }
      }
      .sub-list-inner{
          padding: 0px;
          list-style: none;
          h3{
              font-size: 25px;
              font-family: $MainFont;
              color: $LegendDefault;
              padding: 20px 15px 10px 15px;
              margin: 0px;
              font-weight: $FW-Light;
              &:before{
                  font-family: FontAwesome;
                  margin-right:10px;
              }
          }                
          li{      
              a{
                  font-family: $MainFont;
                  font-size: 15px;
                  display: flex;
                  align-items: center;
                  justify-content: flex-start;
                  padding: 10px 15px;
                  font-weight: $FW-Bold;
                  &:before{
                      font-family: FontAwesome;
                      margin-right: 10px;
                      font-size: 16px;
                      vertical-align: middle;
                      font-weight: $FW-Light;
                  }
              }
              ul{
                  list-style: none;
                  padding-left: 0px;                          
                  li{
                      a{
                          font-weight: $FW-Light;
                          &:before{font-size: 14px;}
                      }
                  }
                  &.odd{
                      background:$SubColorLight;
                  }
                  &.even{
                      background:$MainColorDark;
                  }
              }

          }
      }
  }  */
}
html[dir=ltr] .sidebar .sidebar-list .list-item a {
  text-align: center;
  padding: 18px 2px;
  color: #f0f0f0;
  display: block;
  font-size: 14px;
  margin: 0px;
  display: block;
  font-family: "OpenSans";
}
html[dir=ltr] .sidebar .sidebar-list .list-item a:before {
  font-size: 25px;
  margin-bottom: 2px;
  width: 100%;
  display: block;
  font-family: FontAwesome;
}
html[dir=ltr] .sidebar .sidebar-list .list-item .top-t {
  width: 0;
  height: 0;
  border-right: 47px solid #f0f0f0;
  border-top: 5px solid transparent;
  border-left: 39px solid transparent;
  border-bottom: 3px solid #f0f0f0;
  position: absolute;
  right: 0px;
  top: 0px;
  margin-top: -8px;
  display: none;
}
html[dir=ltr] .sidebar .sidebar-list .list-item .bottom-t {
  width: 0;
  height: 0;
  border-right: 47px solid #f0f0f0;
  border-top: 3px solid #f0f0f0;
  border-left: 39px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin-bottom: -8px;
  display: none;
}
html[dir=ltr] .sidebar .sidebar-list .list-item .sub-list-s {
  background: #00b1b7;
  position: fixed;
  visibility: hidden;
  list-style: none;
  padding: 0px;
  min-width: 225px;
}
html[dir=ltr] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item {
  display: block;
  padding: 0px 15px;
}
html[dir=ltr] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  padding: 12px 5px;
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item a span {
  font-size: 10px;
  width: 10px;
  color: #ffffff;
  margin-right: 10px;
}
html[dir=ltr] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item a h4 {
  color: #ffffff;
}
html[dir=ltr] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item:hover {
  background: #012943;
  border-bottom: 1px solid #012943;
}
html[dir=ltr] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item:hover a {
  border: none;
}
html[dir=ltr] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item:last-child a {
  border: none;
}
html[dir=ltr] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item:last-child:hover {
  border: none;
}
html[dir=ltr] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item:last-child:hover a {
  border: none;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l {
  opacity: 0;
  left: -285px;
  background: #012943;
  position: fixed;
  visibility: visible;
  list-style: none;
  padding: 0px;
  min-width: 280px;
  top: 0px;
  bottom: 0;
  z-index: 5;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-header {
  height: 65px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-header h2 {
  color: #ffffff;
  margin: 0px;
  padding: 11px 15px;
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner {
  padding: 0px;
  list-style: none;
  max-height: calc(100vh - 65px);
  overflow-y: auto;
  padding-bottom: 50px;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner h3 {
  font-size: 25px;
  font-family: "OpenSans";
  color: #78d0d4;
  padding: 20px 15px 10px 15px;
  margin: 0px;
  font-weight: 100;
  text-align: left;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner h3:before {
  font-family: FontAwesome;
  margin-right: 10px;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li a {
  font-family: "OpenSans";
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 15px;
  font-weight: 900;
  color: #ffffff;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li a:before {
  font-family: FontAwesome;
  margin-right: 10px;
  font-size: 16px;
  vertical-align: middle;
  font-weight: 100;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li a.fi:before {
  font-family: Financial_Flaticon;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li a:hover, html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li a:focus, html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li a:active {
  background: #00b1b7;
  color: #ffffff;
  cursor: pointer;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li a.node:after {
  content: "";
  font-family: fontAwesome;
  margin-left: auto;
  transition: all 0.1s linear;
  transform-origin: center;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul {
  list-style: none;
  padding-left: 0px;
}
    html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul li a {
        font-weight: 300;
        text-align: left;
    }
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul li a:before {
  font-size: 14px;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul.odd {
  background: #012943;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul.even {
  background: #00111d;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul [data-parent="1"] a {
  padding-left: 20px;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul [data-parent="2"] a {
  padding-left: 30px;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul [data-parent="3"] a {
  padding-left: 40px;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul [data-parent="4"] a {
  padding-left: 50px;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul [data-parent="5"] a {
  padding-left: 60px;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul:last-child {
  border-bottom: 1px solid #ced4da !important;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li.active {
  background: #78d0d4;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l .sub-list-inner li.active a {
  color: #012943 !important;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l.menu-in {
  animation-name: MenuSlidingInLeft;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
html[dir=ltr] .sidebar .sidebar-list .sub-list-l.menu-out {
  animation-name: MenuSlidingOutLeft;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
html[dir=ltr] .sidebar .sidebar-list .list-item:hover {
  background: #012943;
  cursor: pointer;
}
html[dir=ltr] .sidebar .sidebar-list .list-item:hover a {
  color: #ffffff;
}
html[dir=ltr] .sidebar .sidebar-list .list-item.focused {
  background: #012943 !important;
}
@keyframes MenuSlidingOutLeft {
  from {
    opacity: 1;
    left: 100px;
  }
  to {
    opacity: 0;
    left: -285px;
  }
}
@keyframes MenuSlidingInLeft {
  from {
    opacity: 0;
    left: -285px;
  }
  to {
    opacity: 1;
    left: 100px;
  }
}
@keyframes MenuSlidingOutRight {
  from {
    opacity: 1;
    right: 100px;
  }
  to {
    opacity: 0;
    right: -285px;
  }
}
@keyframes MenuSlidingInRight {
  from {
    opacity: 0;
    right: -285px;
  }
  to {
    opacity: 1;
    right: 100px;
  }
}
@media screen and (max-height: 900px) {
  html[dir=ltr] .sidebar-list .list-item a {
    padding: 10px 2px !important;
  }
}
html[dir=ltr] .sub-sidebar {
  padding: 65px 0px 0px 0px;
  overflow: hidden;
  background: #f0f0f0;
  display: inline-flex;
  align-items: flex-start;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container {
  padding: 15px;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item {
  margin-bottom: 15px;
  display: block;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-header {
  background: #00b1b7;
  border-radius: 5px;
  padding: 5px 15px;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-header h4 {
  color: #ffffff;
  font-family: "OpenSans";
  font-size: 20px;
  font-weight: 700;
  margin-top: 5px;
  align-self: center;
  text-align: left;
  margin-left: 10px;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-header .right-span {
  color: #ffffff;
  font-size: 25px;
  margin-right: 5px;
  align-self: center;
  display: block;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-header .left-span {
  color: #ffffff;
  font-size: 20px;
  transition: all 0.1s linear;
  transform-origin: center;
  align-self: center;
  display: block;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body {
  background: #ffffff;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px 0px;
  /*  .filter-form{
       border-bottom: 1px solid $BorderColor;
   } */
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div {
  padding: 0px 10px;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-header {
  padding: 15px 5px 5px 5px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  border-top: 1px solid #ced4da;
  margin-top: 15px;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-header h4 {
  color: #939393;
  font-family: "OpenSans";
  font-size: 18px;
  font-weight: 700;
  align-self: center;
  text-align: left;
  margin-left: 10px;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-header span {
  color: #939393;
  font-size: 23px;
  margin-right: 5px;
  align-self: center;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-header button {
  color: #012943;
  background: none;
  box-shadow: none;
  outline: none;
  font-size: 20px;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-header button:hover {
  color: #00b1b7;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body {
  padding-top: 15px;
  align-items: unset;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list {
  padding: 0px 15px !important;
  max-height: 230px;
  margin-right: -5px;
  overflow-y: auto;
  list-style: none;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .tooltip {
  display: none !important;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .green {
  background: #a1b32b !important;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .dark {
  background: #012943 !important;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .list-item {
  background: #a1b32b;
  border-radius: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 15px 5px 15px;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .list-item a {
  padding: 0px;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .list-item a h4 {
  color: #ffffff;
  font-family: "OpenSans";
  font-size: 20px;
  font-weight: 100;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 95%;
  vertical-align: sub;
  text-align: left;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .list-item a span {
  color: #ffffff;
  font-size: 25px;
  margin-right: 10px;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .list-item .item-remove-icon {
  display: none;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-footer {
  padding: 5px 0px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-footer button {
  background: none;
  border: 2px solid #00b1b7;
  color: #00b1b7;
  padding-top: 5px;
  padding-bottom: 6px;
  border-radius: 35px;
  margin-left: 5px;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-footer button:hover, html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-footer button:focus, html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-footer button:active {
  background: #00b1b7;
  color: #ffffff;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div:first-child .div-header {
  border: none;
  padding: 0px 5px;
  margin-top: 15px;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .active .item-header {
  background: #efb334;
}
html[dir=ltr] .sub-sidebar .sub-sidebar-container .active .item-header .left-span {
  transform: rotate(-45deg);
}
html[dir=ltr] .sub-sidebar .section-Sub-header-icon {
  display: none;
}
@media only screen and (max-width: 992px) {
  html[dir=ltr] {
    /*.data-section{
        padding-top:5px !important;
    }*/
  }
  html[dir=ltr] .sub-sidebar .mCustomScrollBox {
    width: 100%;
  }
  html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div {
    padding: 8px 10px 8px 15px !important;
  }
  html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-header {
    border: none;
    margin: 0px;
  }
  html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .list-item:first-child {
    margin-top: 0px;
  }
  html[dir=ltr] .sub-sidebar .sub-sidebar-container .sub-item .item-body form {
    border-right: 1px solid #ced4da;
  }
}
html[dir=ltr] .data-section {
  box-shadow: 0px 0px 0px 1px #ced4da;
  /* padding:64px 0px 0px 0px; */
  overflow: hidden;
  background: #fbfbfb;
}
html[dir=ltr] .data-section .data-container {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  padding: 0px;
  height: calc(100vh - 60px);
  align-items: flex-start;
  align-content: flex-start;
  flex-direction: row;
}
html[dir=ltr] .data-section .data-container .mCustomScrollBox {
  width: 100%;
}
html[dir=ltr] .data-section .data-container .section-Sub-header {
  padding: 10px 10px;
  justify-content: flex-end;
  flex-direction: row;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .section-Sub-header-right {
  /*button,a{
      background: $SubColorLight;
      padding: 8px 16px;
      border-radius: 25px;
      color: $ClearWhite;
      margin-top: 5px;
      margin-left: 5px;
      border:none;
      outline:none !important;
      font-family: $MainFont;
  }*/
}
html[dir=ltr] .data-section .data-container .section-Sub-header .section-Sub-header-right button {
  padding: 6px 12px;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .section-Sub-header-right a:before {
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 10px;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .section-Sub-header-right a:hover, html[dir=ltr] .data-section .data-container .section-Sub-header .section-Sub-header-right a:active, html[dir=ltr] .data-section .data-container .section-Sub-header .section-Sub-header-right a:focus, html[dir=ltr] .data-section .data-container .section-Sub-header .section-Sub-header-right button:hover, html[dir=ltr] .data-section .data-container .section-Sub-header .section-Sub-header-right button:active, html[dir=ltr] .data-section .data-container .section-Sub-header .section-Sub-header-right button:focus {
  cursor: pointer;
  background: #efb334;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .section-Sub-header-right .icon-btn {
  padding: 10px 11px;
  border-radius: 25px;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .section-Sub-header-right .input-group {
  display: inline-block;
  width: auto;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .section-Sub-header-right .input-group input {
  border: none;
  outline: none !important;
  box-shadow: none;
  text-align: center;
  font-weight: 900;
  color: #00b1b7;
  width: 100px;
  display: inline-block;
  padding-right: 5px;
  cursor: pointer;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .section-Sub-header-right .input-group .input-group-addon {
  background: none;
  border: none;
  color: #00b1b7;
  width: auto;
  display: inline-block;
  height: 34px;
  padding: 10px 12px;
  padding-left: 0px;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .counter {
  padding: 10px 0px;
  padding-top: 0px;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item .item-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
  padding: 25px;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item .item-content .data {
  width: 100%;
  border-right: 1px solid #ced4da;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item .item-content .data h5 {
  margin: 0px;
  font-weight: 900;
  color: #00b1b7;
  text-align: center;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item .item-content .data p {
  display: flex;
  justify-content: center;
  margin: 0px;
  color: #00b1b7;
  text-align: center;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item .item-content .data p span {
  margin-right: 5px;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item:first-child {
  padding-right: 10px;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item:first-child .item-content {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item:first-child .item-content .data {
  border: none;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item:last-child .item-content {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item:last-child .item-content .data {
  border: none;
}
html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item.danger .data h5, html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item.danger .data p {
  color: #ff3333;
}
html[dir=ltr] .data-section .data-container .filter-div {
  margin-top: 15px;
}
html[dir=ltr] .data-section .data-container .filter-div .main-filter-form {
  border-bottom: 1px dashed #ced4da;
  padding: 10px 0px;
}
html[dir=ltr] .data-section .data-container .filter-div .main-filter-form .form-group {
  padding: 0px 15px;
}
html[dir=ltr] .w-container {
  background: #ffffff;
}
html[dir=ltr] .index-data-section .data-container .data-container-body {
  padding: 5px;
}
html[dir=ltr] .index-data-section .data-container .data-container-body .counter {
  padding: 0px 5px;
  color: #ffffff;
  align-content: center;
  justify-content: center;
}
html[dir=ltr] .index-data-section .data-container .data-container-body .counter .body-container-div-body {
  padding: 10px !important;
  position: relative !important;
  flex-direction: row !important;
}
html[dir=ltr] .index-data-section .data-container .data-container-body .counter .body-container-div-body .counter-data {
  align-items: center;
}
html[dir=ltr] .index-data-section .data-container .data-container-body .counter .body-container-div-body .counter-data p {
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 300;
}
html[dir=ltr] .index-data-section .data-container .data-container-body .counter .body-container-div-body .counter-data h3 {
  font-size: 25px;
  font-weight: 900;
  margin: 0px;
  line-height: 17px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  align-items: flex-end;
}
html[dir=ltr] .index-data-section .data-container .data-container-body .counter .body-container-div-body .counter-data h3 span {
  font-size: 14px;
  font-weight: 100;
  align-self: flex-end;
  line-height: 20px;
}
html[dir=ltr] .index-data-section .data-container .data-container-body .counter .body-container-div-body .icon {
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 60px;
  margin-right: 63px;
  margin-bottom: -31px;
  clip-path: rect(10px, 20px, 30px, 40px);
  -webkit-clip-path: inset(6% 0 34% 0);
  clip-path: inset(6% 0 34% 0);
  opacity: 0.6;
}
html[dir=ltr] .index-data-section .data-container .data-container-body .counter .body-container-div-body.success {
  background: #cbdc5a !important;
}
html[dir=ltr] .index-data-section .data-container .data-container-body .counter .body-container-div-body.success h3 {
  text-shadow: -1px 1px 0px #a1b32b;
}
html[dir=ltr] .index-data-section .data-container .data-container-body .counter .body-container-div-body.danger {
  background: #f2a095 !important;
}
html[dir=ltr] .index-data-section .data-container .data-container-body .counter .body-container-div-body.danger h3 {
  text-shadow: -1px 1px 0px #ff3333;
}
html[dir=ltr] .index-data-section .data-container .data-container-body .counter .body-container-div-body.warning {
  background: #fdc977 !important;
}
html[dir=ltr] .index-data-section .data-container .data-container-body .counter .body-container-div-body.warning h3 {
  text-shadow: -1px 1px 0px #efb334;
}
html[dir=ltr] .index-data-section .data-container .data-container-body .counter .body-container-div-body.default {
  background: #78d0d4 !important;
}
html[dir=ltr] .index-data-section .data-container .data-container-body .counter .body-container-div-body.default h3 {
  text-shadow: -1px 1px 0px #00b1b7;
}
@media (max-width: 1200px) {
  html[dir=ltr] .data-section {
    padding-top: 0px;
  }
  html[dir=ltr] .data-section .data-container {
    height: calc(100vh - 120px);
  }
  html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item:first-child {
    padding-right: 0px !important;
  }
  html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item:first-child .item-content {
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    padding-bottom: 0px;
  }
  html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item:first-child .item-content .data {
    border-bottom: 1px solid #ced4da !important;
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 992px) {
  html[dir=ltr] .data-section.schedule-section {
    padding-top: 0px;
  }
  html[dir=ltr] .data-section.schedule-section .data-container {
    height: auto;
  }
}
@media (max-width: 770px) {
  html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item:first-child {
    padding-right: 0px !important;
  }
  html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item:first-child .item-content {
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    padding-bottom: 0px;
  }
  html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item:first-child .item-content .data {
    border-bottom: 1px solid #ced4da !important;
    padding-bottom: 25px;
  }
  html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item .item-content {
    padding-bottom: 0px;
  }
  html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item .item-content .data {
    border: none !important;
    border-bottom: 1px solid #ced4da !important;
    padding-bottom: 25px;
  }
  html[dir=ltr] .data-section .data-container .section-Sub-header .counter .counter-item:last-child .item-content .data {
    border: none !important;
  }
  html[dir=ltr] .page-header .container-fluid .header-container .header-right .nav .profile-menu .dropdown-menu {
    top: 60px !important;
    transform: translate(-25%, 0) !important;
  }
}
html[dir=ltr] .single-tab-page .main-table .data-table .dataTables_wrapper .datatable-table {
  height: calc(100vh - 220px);
}
html[dir=ltr] .single-tab-page .main-table .data-table .dataTables_wrapper .datatable-table table {
  width: 100% !important;
  border-spacing: 0px 6px;
}
html[dir=ltr] .has-total .main-table .data-table .dataTables_wrapper .datatable-table {
  height: calc(100vh - 275px);
}
html[dir=ltr] .has-search .main-table .data-table .dataTables_wrapper .datatable-table {
  height: calc(100vh - 260px);
}
html[dir=ltr] span.dataTableSpan {
  background-color: #00b1b7;
  border-radius: 10px;
  padding: 3px 12px;
  font-weight: 100;
  color: #ffffff;
}
html[dir=ltr] .auto-h .data-table .datatable-table {
  height: auto !important;
}
html[dir=ltr] .datatable-header {
  display: none !important;
}
html[dir=ltr] .main-table {
  background: none !important;
  border: none !important;
  height: auto !important;
  padding: 0px !important;
}
html[dir=ltr] .main-table .data-table .dataTables_wrapper {
  padding: 0px !important;
}
html[dir=ltr] .main-table .data-table .dataTables_wrapper .datatable-table {
  border: 1px solid #b7b7b7;
  background: #ffffff;
  padding: 0px 15px;
  height: calc(100vh - 295px);
  overflow-y: auto;
  margin-top: 7px;
}
html[dir=ltr] .main-table .data-table .dataTables_wrapper .datatable-footer {
  background: #ffffff;
  padding: 10px 15px;
  margin-top: 5px;
  border: 1px solid #b7b7b7;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
html[dir=ltr] .main-table .data-table .dataTables_wrapper .datatable-footer label {
  margin: 0px;
}
html[dir=ltr] .main-table .data-table .dataTables_wrapper .datatable-footer select {
  border: 1px solid #b7b7b7;
  height: 30px !important;
  color: #025ca0;
  margin-right: 15px;
  letter-spacing: 0.5px;
  min-width: 200px;
  padding: 0 !important;
}
html[dir=ltr] .data-table {
  padding: 0px;
  overflow-x: hidden;
  /*     table{
          direction: $LTR-RTL;
          thead{
              tr{

                  th{
                      padding: 12px 10px 12px 10px;
                      text-align: center !important;
                      color:$MainColorLight;
                      border-bottom: none;
                      .room-search-icon{
                          margin-right: 10px;
                          color:$MainColorLight;
                      }
                      .room-search-icon:hover{
                          color:$SubColorLight;
                          cursor: pointer;
                      }
                  }
                  .tools-th{
                      max-width: 100px !important;
                      min-width: 100px !important;
                      width: 100px !important;
                      text-align:center !important;
                      padding-right:8px !important;
                      label{margin-left:20px !important;}
                  }
                  .tools-th:before,.tools-th:after{
                      display:none;
                  }
              }
          }
          tbody{
              td{
                  padding: 0px 10px;
                  text-align:center;
                  max-width: 100px;
                  vertical-align: middle;
              }
              .odd{
                  background: $MainColorVLight;
              }
              .tools-td {
                  a{
                      font-size: 18px;
                      margin-right: 5px;
                      margin-left: 5px;
                      color:$SubColorLight;
                  }
                  a:hover , a:active {
                      text-decoration:none;
                      color:$Warning;
                      cursor: pointer;
                  }
                  .switch-btn{
                      margin-top: 5px;
                      display: inline-block;
                  }
              }
              .td-Active{
                  color: $Success;
              }
              .td-InActive{
                  color: $Danger;
              }
              .child{
                  td{
                      ul{
                          li{
                              padding: 0 15px;
                              display: flex;
                              border-color: $BorderColor;
                              .dtr-title{
                                  color: $MainColorLight;
                              }
                              .dtr-title:after{
                                  content: ':';
                                  margin-left: 5px;
                              }
                              .dtr-data{
                                  margin-left: 10px;
                                  text-align: left;
                              }
                              .switch-btn{
                                  display: inline-block;
                                  margin-right: 10px;
                                  vertical-align: sub;
                              }
                              a{
                                  display: inline-block;
                                  vertical-align: middle;
                                  font-size: 18px;
                                  margin-right: 5px;
                                  margin-left: 5px;
                                  color:$SubColorLight;
                              }
                              a:hover , a:active {
                                  text-decoration:none;
                                  color:$Warning;
                                  cursor: pointer;
                              }
                          }
                      }
                  }
              }
          }
      } */
}
html[dir=ltr] .data-table .row {
  padding: 0px;
}
html[dir=ltr] .data-table .row div {
  padding: 0px;
}
html[dir=ltr] .data-table .row div .dataTables_filter {
  float: right;
}
html[dir=ltr] .data-table .row div .dataTables_length {
  float: left;
}
html[dir=ltr] .data-table .dataTables_wrapper {
  /* padding: 15px !important; */
  /* position: relative;
  overflow: hidden;
  &::after{
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 10%;
      left: 0;
      right: 0;
      background-image: url("../Images/new logo.png");
      background-size: 50%;
      background-position: center center;
      background-repeat: no-repeat;
      opacity: 0.3;
  }*/
}
html[dir=ltr] .data-table .dataTables_wrapper .datatable-header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
html[dir=ltr] .data-table .dataTables_wrapper .datatable-header .dataTables_filter {
  order: 1;
  margin-right: auto;
}
html[dir=ltr] .data-table .dataTables_wrapper .datatable-header .dataTables_filter label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #027d82;
  font-weight: 500;
  font-size: 14px;
}
html[dir=ltr] .data-table .dataTables_wrapper .datatable-header .dataTables_filter label input {
  border: 1px solid #ced4da;
  height: 35px !important;
  color: #939393;
  border-radius: 0px;
  margin-left: 0px;
  letter-spacing: 0.5px;
  min-width: 300px;
}
html[dir=ltr] .data-table .dataTables_wrapper .datatable-header .dataTables_length {
  order: 2;
}
html[dir=ltr] .data-table .dataTables_wrapper .datatable-header .dataTables_length label {
  margin-bottom: 0px;
}
html[dir=ltr] .data-table .dataTables_wrapper .datatable-header .dataTables_length label select {
  border: 1px solid #ced4da;
  height: 30px !important;
  color: #939393;
  margin-left: 0px;
  letter-spacing: 0.5px;
  min-width: 200px;
}
html[dir=ltr] .data-table .dataTables_wrapper .table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0px 5px;
  direction: ltr;
}
html[dir=ltr] .data-table .dataTables_wrapper .table thead tr {
  position: relative;
}
html[dir=ltr] .data-table .dataTables_wrapper .table thead tr th {
  border-top: none !important;
  border-width: 1px;
  border-color: #b7b7b7;
  font-weight: 400;
  text-align: left;
  padding-left: 30px;
  color: #025ca0;
}
html[dir=ltr] .data-table .dataTables_wrapper .table thead tr th label {
  margin: 0px;
  margin-left: 10px;
}
html[dir=ltr] .data-table .dataTables_wrapper .table thead tr th::before {
  left: 1em;
}
html[dir=ltr] .data-table .dataTables_wrapper .table thead tr th::after {
  left: 0.5em;
}
html[dir=ltr] .data-table .dataTables_wrapper .table thead tr .tools-th:before, html[dir=ltr] .data-table .dataTables_wrapper .table thead tr .tools-th:after {
  display: none;
}
html[dir=ltr] .data-table .dataTables_wrapper .table thead tr .tools-th {
  width: 100px;
  text-align: center;
}
html[dir=ltr] .data-table .dataTables_wrapper .table thead tr .check-head {
  width: 60px;
  padding-left: 20px;
}
html[dir=ltr] .data-table .dataTables_wrapper .table thead tr .check-head .custom-control {
  margin: 0px !important;
}
html[dir=ltr] .data-table .dataTables_wrapper .table thead tr .check-head:before {
  content: "";
}
html[dir=ltr] .data-table .dataTables_wrapper .table thead tr .check-head:after {
  content: "";
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr {
  position: relative;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td {
  border-top: 0px;
  border-bottom: 1px solid #b7b7b7;
  text-align: left;
  color: #025ca0;
  font-weight: 700;
  /* text-align: center; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  border-width: 1px;
  vertical-align: middle;
  padding: 9.5px;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td .custom-control {
  margin: 0px !important;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td .form-group {
  margin: 0px;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td .fa {
  display: block !important;
  text-align: center !important;
  color: #025ca0 !important;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td span.success {
  color: #a1b32b;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td span.danger {
  color: #ff3333;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td input {
  border-color: #ced4da;
  border-radius: 0px;
  color: #00b1b7;
  padding-top: 1px;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td select {
  border-color: #ced4da;
  letter-spacing: 0.5px;
  min-width: 200px;
  border-radius: 0px;
  background: none;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td select option {
  color: #939393;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td ::placeholder {
  color: #939393;
  font-size: 15px;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td :-ms-input-placeholder {
  color: #939393;
  font-size: 15px;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td ::-ms-input-placeholder {
  color: #939393;
  font-size: 15px;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td input:active, html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td input:focus, html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td select:active, html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td select:focus {
  box-shadow: none;
  outline: none;
  border-color: #00b1b7;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.danger {
  color: #ff3333;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.success {
  color: #a1b32b;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.warning {
  color: #efb334;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.default {
  color: #00b1b7;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td:first-child {
  border-left: 12px solid #78d0d4;
  /* text-align: $Direction ;  */
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td:focus:first-child {
  outline: none;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.tools-td {
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 35px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.tools-td a {
  color: #025ca0;
  font-size: 19px;
  margin-right: 10px;
  padding-bottom: 3px;
  vertical-align: middle;
  line-height: 1;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.tools-td a:hover {
  cursor: pointer;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.fa-trash:hover {
  color: #ff3333;
  cursor: pointer;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.fa-thumbs-o-up:hover {
  color: #a1b32b;
  cursor: pointer;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.gicon-edit:hover {
  color: #efb334;
  cursor: pointer;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.gicon-eyee:hover {
  color: #00b1b7;
  cursor: pointer;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.fa-handshake-o:hover {
  color: #a1b32b;
  cursor: pointer;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.gicon-editt:hover {
  color: #a1b32b;
  cursor: pointer;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.fa-calendar-plus-o:hover {
  color: #a1b32b;
  cursor: pointer;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.gbtn, html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.gbtn-o {
  padding: 4px 14px;
  font-size: 14px;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.tools-td a:last-child {
  margin-right: 0px;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.tools-td.detail-check label {
  margin: 0px;
  font-size: 23px;
  color: #a1b32b;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.tools-td.success a {
  color: #a1b32b;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr td.tools-td.success a:hover {
  color: #027d82 !important;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.child {
  border-right: none;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.child td.child {
  padding: 15px 0px;
  border-color: #fbfbfb;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.child td.child ul {
  width: 100%;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li label, html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li span {
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 5px;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li label a, html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li span a {
  margin: 0px 5px;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li .dtr-title {
  width: 50%;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li .dtr-data a {
  color: #939393;
  font-size: 19px;
  margin-right: 10px;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li .dtr-data a:before {
  vertical-align: middle;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li .dtr-data a:hover {
  cursor: pointer;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li .dtr-data a.fa-trash:hover {
  color: #ff3333;
  cursor: pointer;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li .dtr-data a.gicon-edit:hover {
  color: #efb334;
  cursor: pointer;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li .dtr-data a.gicon-eyee:hover {
  color: #00b1b7;
  cursor: pointer;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.odd {
  background: none;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.danger td:first-child {
  border-color: #f2a095;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.success td:first-child {
  border-color: #cbdc5a;
  border-bottom: 1px solid #b7b7b7;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.warnning td:first-child {
  border-color: #fdc977;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.is-deleted {
  background: #e9ecef !important;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.is-deleted td:first-child {
  border-color: #939393;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.is-deleted td {
  color: #939393;
}
html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.is-deleted td.tools-td a, html[dir=ltr] .data-table .dataTables_wrapper .table tbody tr.is-deleted td.tools-td .switch-btn {
  display: none !important;
}
html[dir=ltr] .data-table .dataTables_wrapper .datatable-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
html[dir=ltr] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate {
  order: 2;
}
html[dir=ltr] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination {
  margin: 0px;
  justify-content: center !important;
  align-items: center;
  flex-wrap: wrap;
}
html[dir=ltr] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li a {
  border-radius: 5px;
  border: 1px solid #ced4da;
  background: #fbfbfb;
  color: #025ca0;
  margin: 0px 4px;
  padding: 4px 9px;
  font-size: 16px;
}
html[dir=ltr] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination .disabled a {
  margin: 0px 10px;
  color: #939393;
  font-size: 25px;
  border: none;
  background: transparent;
  padding: 0px;
}
html[dir=ltr] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination .active a {
  color: #ffffff;
  background: #ffcc00;
}
html[dir=ltr] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li:first-child a, html[dir=ltr] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li:last-child a, html[dir=ltr] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li:nth-last-child(2) a, html[dir=ltr] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li:nth-child(2) a {
  color: #025ca0;
}
html[dir=ltr] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li:first-child.disabled a, html[dir=ltr] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li:last-child.disabled a, html[dir=ltr] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li:nth-last-child(2).disabled a, html[dir=ltr] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li:nth-child(2).disabled a {
  padding: 4px 9px;
  border: 1px solid #ced4da;
  background: #00b1b7;
  font-size: 16px;
  margin: 0px 4px;
  color: #fbfbfb;
}
html[dir=ltr] .data-table .dataTables_wrapper .datatable-footer .dataTables_info {
  order: 1;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto;
  color: #025ca0;
}
html[dir=ltr] .schedule-table {
  padding: 0px;
}
html[dir=ltr] .schedule-table table {
  direction: ltr;
  margin-bottom: 0;
}
html[dir=ltr] .schedule-table table thead tr th {
  padding: 12px 10px 12px 10px;
  color: #939393;
  border-bottom: none;
  text-align: left;
  font-weight: 300;
  border-top: none;
  text-align: center;
}
html[dir=ltr] .schedule-table table thead tr th .room-search-icon {
  margin-right: 10px;
  color: #939393;
}
html[dir=ltr] .schedule-table table thead tr th .room-search-icon span {
  font-family: "OpenSans";
}
html[dir=ltr] .schedule-table table thead tr th .room-search-icon span:before {
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 5px;
}
html[dir=ltr] .schedule-table table thead tr th .room-search-icon:hover {
  color: #00b1b7;
  cursor: pointer;
}
html[dir=ltr] .schedule-table table thead tr th:first-child {
  max-width: 50px;
  border-left: none;
}
html[dir=ltr] .schedule-table table thead tr th:last-child {
  border-right: none;
}
html[dir=ltr] .schedule-table table thead tr .tools-th {
  width: 100px;
}
html[dir=ltr] .schedule-table table tbody {
  /* tr:last-child{
      td{
          border-bottom: none;
      }
  } */
}
html[dir=ltr] .schedule-table table tbody tr td {
  position: relative;
  padding: 0px;
  min-height: 100px;
  text-align: center;
  vertical-align: middle;
  height: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=ltr] .schedule-table table tbody tr td .green {
  background: #a1b32b !important;
}
html[dir=ltr] .schedule-table table tbody tr td .dark {
  background: #012943 !important;
}
html[dir=ltr] .schedule-table table tbody tr td ul {
  position: relative;
  padding: 15px;
  padding-bottom: 0px;
  padding-right: 5px;
  min-height: 50px;
  width: 100%;
  margin: 0px;
  display: flex;
  flex-direction: column;
}
html[dir=ltr] .schedule-table table tbody tr td ul input {
  display: none;
}
html[dir=ltr] .schedule-table table tbody tr td ul .list-item {
  background: #a1b32b;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 5px;
  list-style: none;
  position: relative;
}
html[dir=ltr] .schedule-table table tbody tr td ul .list-item a h4 {
  color: #ffffff;
  font-family: "OpenSans";
  font-size: 18px;
  font-weight: 100;
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 50%;
  vertical-align: sub;
}
html[dir=ltr] .schedule-table table tbody tr td ul .list-item a span {
  /*  color:$ClearWhite;
  font-size: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle; */
  display: none;
}
html[dir=ltr] .schedule-table table tbody tr td ul .list-item a:hover {
  cursor: pointer;
}
html[dir=ltr] .schedule-table table tbody tr td ul .list-item .item-remove-icon {
  color: #ffffff;
  font-size: 18px;
  vertical-align: middle;
  margin-left: 5px;
  position: absolute;
  top: 0px;
  margin-top: -15px;
  left: 0px;
  margin-left: -13px;
  background: #a1b32b;
  padding: 2.8px 5px;
  border-radius: 25px;
  border: 3px solid #ffffff;
}
html[dir=ltr] .schedule-table table tbody tr td ul .list-item .item-remove-icon:hover, html[dir=ltr] .schedule-table table tbody tr td ul .list-item .item-remove-icon:focus, html[dir=ltr] .schedule-table table tbody tr td ul .list-item .item-remove-icon:active {
  cursor: pointer;
  background: #ff3333;
}
html[dir=ltr] .schedule-table table tbody tr td ul .list-item:first-child {
  margin-top: 5px;
}
html[dir=ltr] .schedule-table table tbody tr td ul .tooltip.in {
  opacity: 1;
}
html[dir=ltr] .schedule-table table tbody tr td ul .tooltip .tooltip-inner {
  background: #efb334;
}
html[dir=ltr] .schedule-table table tbody tr td ul .tooltip .tooltip-arrow {
  border-bottom-color: #efb334;
}
html[dir=ltr] .schedule-table table tbody tr td ul:hover {
  background: #ced4da;
}
html[dir=ltr] .schedule-table table tbody tr td:first-child {
  max-width: 50px;
  border-left: none;
}
html[dir=ltr] .schedule-table table tbody tr td:last-child {
  border-right: none;
}
html[dir=ltr] .dataTables_info {
  text-align: left;
}
html[dir=ltr] table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child, html[dir=ltr] table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child {
  padding-left: 30px;
  padding-right: 0px;
}
html[dir=ltr] table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, html[dir=ltr] table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
  top: calc(100% - 65% );
  left: 8px;
  height: 18px;
  width: 18px;
  display: block;
  position: absolute;
  color: #ffffff;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "OpenSans";
  line-height: 17px;
  font-weight: 900;
  font-size: 18px;
  content: "+";
  background-color: #00b1b7;
}
html[dir=ltr] table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, html[dir=ltr] table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: "-";
  background-color: #ff3333;
}
html[dir=ltr] div.dataTables_wrapper {
  direction: ltr;
}
@media only screen and (max-width: 1200px) {
  html[dir=ltr] .schedule-table table {
    /* thead{
        tr{
        th:first-child{
                max-width:unset;
            }
        }
    }*/
  }
  html[dir=ltr] .schedule-table table tbody td .list-item span {
    display: none !important;
  }
}
@media only screen and (max-width: 1200px) {
  html[dir=ltr] .dataTables_wrapper .datatable-footer .dataTables_paginate {
    width: 100%;
  }
  html[dir=ltr] .dataTables_wrapper .datatable-footer .dataTables_info {
    margin-right: unset !important;
  }
}
@media only screen and (max-width: 591px) {
  html[dir=ltr] .dataTables_wrapper .datatable-footer .dataTables_paginate {
    width: 100%;
  }
  html[dir=ltr] .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li a {
    margin-bottom: 5px !important;
  }
}
@media only screen and (max-width: 720px) {
  html[dir=ltr] .dataTables_wrapper .datatable-header {
    justify-content: flex-start !important;
  }
  html[dir=ltr] .dataTables_wrapper .datatable-header .dataTables_filter {
    margin-right: unset !important;
    width: 100%;
  }
  html[dir=ltr] .dataTables_wrapper .datatable-header .dataTables_filter label input {
    width: 100% !important;
  }
}
@media only screen and (max-width: 661px) {
  html[dir=ltr] .dataTables_wrapper .datatable-table {
    height: auto !important;
  }
}
html[dir=ltr] .dataTables_wrapper .dataTables_processing {
  background-color: transparent;
  display: flex;
  z-index: 99999999999999;
  border: none;
  font-size: 16px;
  font-weight: 100;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  align-items: center;
  justify-content: center;
  align-content: center;
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
  margin: 0;
}
html[dir=ltr] .dataTables_wrapper .dataTables_processing:before {
  animation: fa-spin 2s infinite linear;
  content: "";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 40px;
  margin-bottom: 5px;
  color: #00b1b7;
}
html[dir=ltr] .data-list {
  padding: 15px;
  align-content: flex-start;
}
html[dir=ltr] .data-list .data-list-item {
  padding: 0px 5px 10px 5px;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 5px #ced4da;
  border-left: 10px solid #78d0d4;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-main {
  padding: 10px;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 5px;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-main .img-container {
  position: relative;
  margin-right: 25px;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-main .img-container img {
  width: 75px;
  height: 75px;
  border: 5px solid #ffffff;
  border-radius: 75px;
  box-shadow: 0px 0px 8px #ced4da;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-main .img-container span {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  border-radius: 60px;
  border: 4px solid #ffffff;
  margin-bottom: -8px;
  margin-right: -12px;
  box-shadow: 2px 1px 8px #ced4da;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-main .main-data .main-data-item {
  width: 100%;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-main .main-data .main-data-item label {
  font-size: 14px;
  text-transform: uppercase;
  color: #012943;
  margin: 0px;
  text-align: left;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-main .main-data .main-data-item input {
  border: none;
  background: none;
  outline: none;
  pointer-events: none;
  font-size: 18px;
  color: #00b1b7;
  margin: 0px;
  text-align: left;
  height: 20px;
  font-weight: 100;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-main .main-data .main-data-item.sub label {
  padding-right: 5px;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-main .main-data .main-data-item.sub input {
  font-size: 15px;
  color: #012943;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-main .data-list-item-tools {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-main .data-list-item-tools a {
  color: #939393;
  font-size: 19px;
  margin-right: 10px;
  padding-bottom: 3px;
  width: 19px;
  height: 31px;
  display: flex;
  align-items: center;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-main .data-list-item-tools a:hover {
  color: #00b1b7;
  cursor: pointer;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-main .data-list-item-tools a.fa-trash:hover {
  color: #ff3333;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-main .data-list-item-tools a.gicon-edit:hover {
  color: #efb334;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-body {
  align-items: center;
  background: #78d0d4;
  padding: 15px;
  padding-bottom: 0px;
  border-bottom-right-radius: 4px;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-body .body-item {
  align-content: flex-start;
  margin-bottom: 10px;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-body .body-item label {
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0px;
  text-align: left;
  font-weight: 100;
  font-family: "OpenSans";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-body .body-item label:before {
  font-family: FontAwesome;
  margin-right: 5px;
}
html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-body .body-item input {
  border: none;
  background: none;
  outline: none;
  font-size: 16px;
  color: #ffffff;
  margin: 0px;
  text-align: left;
  height: 20px;
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=ltr] .data-list .data-list-item.success .data-list-item-container {
  border-left-color: #cbdc5a;
}
html[dir=ltr] .data-list .data-list-item.success .data-list-item-container .data-list-item-main .main-data .main-data-item input {
  color: #a1b32b;
}
html[dir=ltr] .data-list .data-list-item.success .data-list-item-container .data-list-item-body {
  background: #cbdc5a;
}
html[dir=ltr] .data-list .data-list-item.warning .data-list-item-container {
  border-left-color: #fdc977;
}
html[dir=ltr] .data-list .data-list-item.warning .data-list-item-container .data-list-item-main .main-data .main-data-item input {
  color: #efb334;
}
html[dir=ltr] .data-list .data-list-item.warning .data-list-item-container .data-list-item-body {
  background: #fdc977;
}
html[dir=ltr] .data-list .data-list-item.danger .data-list-item-container {
  border-left-color: #f2a095;
}
html[dir=ltr] .data-list .data-list-item.danger .data-list-item-container .data-list-item-main .main-data .main-data-item input {
  color: #ff3333;
}
html[dir=ltr] .data-list .data-list-item.danger .data-list-item-container .data-list-item-body {
  background: #f2a095;
}
html[dir=ltr] .data-list .data-list-item.clear .data-list-item-container .data-list-item-body {
  border-top: 1px solid #ced4da;
  background: #fbfbfb;
}
html[dir=ltr] .data-list .data-list-item.clear .data-list-item-container .data-list-item-body .body-item label {
  color: #939393;
}
html[dir=ltr] .data-list .data-list-item.clear .data-list-item-container .data-list-item-body .body-item input {
  color: #012943;
}
@media screen and (max-width: 1400px) {
  html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-main .data-list-item-tools {
    width: 100%;
    justify-content: flex-end;
  }
  html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-body .col-xl-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 1200px) {
  html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-main .data-list-item-tools {
    width: auto;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 992px) {
  html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-body .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media screen and (max-width: 635px) {
  html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-body .col-xl-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 570px) {
  html[dir=ltr] .data-list .data-list-item .data-list-item-container .data-list-item-main .data-list-item-tools {
    width: 100%;
    justify-content: flex-end;
  }
}
html[dir=ltr] .modal {
  text-align: center;
  padding: 0 !important;
  overflow: scroll;
}
html[dir=ltr] .modal .modal-dialog .modal-content {
  border: none;
}
html[dir=ltr] .modal .modal-dialog .modal-content .modal-indecator {
  position: absolute;
  width: 100%;
  top: 0px;
  background: #00b1b7;
  height: 6px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
html[dir=ltr] .modal .modal-dialog .modal-content .modal-header {
  border-bottom: grey 1cm;
}
html[dir=ltr] .add-modal .modal-header {
  background: #00b1b7;
}
html[dir=ltr] .add-modal .modal-body {
  background: #00b1b7;
}
html[dir=ltr] .add-modal .modal-footer {
  background: #00b1b7;
}
html[dir=ltr] .add-modal .modal-footer .btn-success {
  color: #00b1b7;
}
html[dir=ltr] .edit-modal .modal-header {
  background: #efb334;
}
html[dir=ltr] .edit-modal .modal-body {
  background: #efb334;
}
html[dir=ltr] .edit-modal .modal-footer {
  background: #efb334;
}
html[dir=ltr] .edit-modal .modal-footer .btn-success {
  color: #efb334;
}
html[dir=ltr] .inactive-modal .modal-header {
  background: #ff3333;
}
html[dir=ltr] .inactive-modal .modal-body {
  background: #ff3333;
  padding-left: 30px;
}
html[dir=ltr] .inactive-modal .modal-footer {
  background: #ff3333;
}
html[dir=ltr] .inactive-modal .modal-footer .btn-success {
  color: #ff3333;
}
html[dir=ltr] .active-modal .modal-header {
  background: #a1b32b;
}
html[dir=ltr] .active-modal .modal-body {
  background: #a1b32b;
  padding-left: 30px;
}
html[dir=ltr] .active-modal .modal-footer {
  background: #a1b32b;
}
html[dir=ltr] .active-modal .modal-footer .btn-success {
  color: #a1b32b;
}
html[dir=ltr] .g7-adv-modal .modal-dialog {
  min-width: 87%;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content {
  min-width: 95%;
  /* min-height: calc(100vh - 6.1vh); */
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-header h5 {
  font-weight: 900;
  margin: 0px;
  text-align: left;
  font-family: "OpenSans";
  font-size: 25px;
  border-bottom: 1px solid #ced4da;
  padding: 15px 15px;
  padding-top: 8px;
  color: #012943;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-header h5:before {
  font-family: fontawesome;
  margin-right: 10px;
  font-weight: 100;
  display: inline-block;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body {
  height: auto;
  align-content: flex-start;
  padding: 12px 0px !important;
  align-items: stretch;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side {
  border-right: 1px solid #ced4da;
  min-height: 100%;
  position: relative;
  align-content: flex-start;
  display: flex;
  flex-wrap: wrap;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header {
  padding: 0px 5px;
  width: 100%;
  margin: 0px 10px;
  margin-right: 0px;
  display: flex;
  align-items: center;
  align-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header h5 {
  margin: 0px;
  color: #012943;
  display: flex;
  flex-direction: row;
  margin-right: auto;
  align-items: center;
  text-align: center;
  font-family: "OpenSans";
  font-size: 25px;
  font-weight: 100;
  padding: 17px 0px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header a {
  font-size: 20px;
  color: #012943;
  font-family: "OpenSans";
  padding: 10px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header a:hover {
  color: #00b1b7;
  cursor: pointer;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header a:before {
  font-family: fontawesome;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header .filter-form {
  padding: 0px 0px 15px 0px;
  /* border-top: 1px solid #ced4da; */
  margin-left: -6px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header .filter-form .select2-container .selection .select2-selection--multiple ul .select2-selection__choice {
  padding: 0px 10px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header .filter-form .custom-checkbox {
  z-index: 99;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header .filter-form .custom-checkbox label {
  padding-left: 12px !important;
  margin: 1px !important;
  font-size: 14px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header .filter-form .form-group {
  margin: 0px;
  margin-bottom: 5px;
  /*  select{
      padding: 5px 12px !important;
      font-size: 14px;
      height: auto !important;
  }
  input{
      padding: 5px 12px !important;
      height: auto !important;
      font-size: 14px;
  } */
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header .filter-form .form-section {
  justify-content: flex-end;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header .filter-form .form-section button {
  padding: 5px 25px;
  margin-top: 10px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list {
  list-style: none;
  padding: 0px;
  width: 100%;
  min-height: calc(100vh - 50vh);
  max-height: calc(100vh - 50vh);
  overflow-y: auto;
  margin-bottom: 0px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-header h6 {
  padding: 5px 15px;
  font-weight: 900;
  font-size: 16px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  position: relative;
  border-top: 1px solid #ced4da;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a span {
  color: #ff3333;
  position: absolute;
  right: 0px;
  top: 0px;
  margin: 10px;
  font-size: 18px;
  font-weight: 900;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a h4 {
  font-weight: 900;
  font-size: 16px;
  width: 100%;
  text-align: left;
  margin: 0px;
  color: #012943;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .modal-list-item-details {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  width: 100%;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .modal-list-item-details p {
  color: #ced4da;
  font-size: 13px;
  margin: 0px;
  font-family: "OpenSans";
  margin-right: 10px;
  text-align: left;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .modal-list-item-details p:before {
  font-family: fontawesome;
  margin-right: 5px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .modal-list-item-details p:after {
  content: ",";
  margin-left: 5px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .modal-list-item-details p:first-child {
  width: 100%;
  color: #a1b32b;
  font-size: 14px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .modal-list-item-details p:first-child:before {
  content: "";
  margin-right: 0px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .modal-list-item-details p:first-child:after {
  content: "";
  margin-left: 0px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .modal-list-item-details p:last-child:after {
  content: "";
  margin-left: 0px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .add-overlay {
  color: #78d0d4;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  background: rgba(251, 251, 251, 0.7);
  display: none;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a:hover {
  cursor: pointer;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a:hover .add-overlay {
  display: flex;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item::last-child {
  border: none;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  padding: 5px 10px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div h3 {
  font-weight: 300;
  margin: 0px;
  text-align: left;
  font-family: "OpenSans";
  font-size: 22px;
  border-bottom: 1px solid #ced4da;
  padding: 15px 15px;
  padding-top: 8px;
  color: #012943;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div h3:before {
  font-family: fontawesome;
  margin-right: 10px;
  font-weight: 100;
  display: inline-block;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0px;
  margin-top: 15px;
  min-height: calc(100vh - 17rem);
  max-height: calc(100vh - 17rem);
  overflow-y: auto;
  align-items: flex-start;
  align-content: flex-start;
  padding: 2px;
  margin-bottom: 0px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-container .form-section {
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-container .table-section .grid {
  height: calc(100vh - 23rem);
  width: 100%;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-container .table-section .grid .ag-root {
  padding: 0px;
  border: none;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0px;
  margin-top: 15px;
  min-height: calc(100vh - 17rem);
  max-height: calc(100vh - 17rem);
  overflow-y: auto;
  align-items: flex-start;
  align-content: flex-start;
  padding: 2px;
  margin-bottom: 0px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-main-div-list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-shadow: 0px 0px 3px #ced4da;
  padding: 5px;
  border-radius: 3px;
  background: rgba(251, 251, 251, 0.7);
  border-left: 10px solid #78d0d4;
  margin-bottom: 15px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: 0px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .item-data-section .form-group {
  margin: 0px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .item-data-section .form-group input {
  padding: 0px !important;
  font-size: 16px;
  border: none;
  height: auto !important;
  font-weight: 900;
  color: #012943;
  pointer-events: none;
  background: none;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .item-data-section .form-group h4 {
  padding: 0px !important;
  font-size: 16px;
  font-weight: 900;
  color: #012943;
  margin: 0px;
  text-align: left;
  line-height: 16px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .item-data-section .form-group:last-child {
  margin-top: -5px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .item-data-section .form-group:last-child input {
  font-weight: 100;
  color: #00b1b7;
  font-size: 14px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .form-group {
  margin: 0px;
  margin-bottom: 5px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .form-group input {
  padding: 3px 10px !important;
  background: none;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .form-group select {
  height: 32px;
  background: none;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .select2-container .selection .select2-selection--multiple ul .select2-selection__choice {
  padding: 0px 10px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-cost {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-cost h4 {
  font-size: 15px;
  font-weight: 900;
  margin: 0px;
  margin-right: 5px;
  text-align: center;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-cost p {
  font-size: 15px;
  font-weight: 100;
  color: #28a745;
  margin: 0px;
  margin-right: 5px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-cost span {
  font-size: 15px;
  font-weight: 100;
  color: #28a745;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-tools {
  padding: 10px;
  font-size: 20px;
  color: #00b1b7;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-tools:hover {
  cursor: pointer;
  color: #ff3333;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list.success {
  border-color: #cbdc5a;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item {
  width: 100%;
  margin: 2px 0px;
  padding: 0px;
  border-radius: 5px;
  padding: 3px 10px;
  margin-bottom: 8px;
  background: rgba(251, 251, 251, 0.7);
  box-shadow: 0px 0px 3px #ced4da;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header {
  padding: 8px 4px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header .item-cost {
  margin-right: 10px;
  border-right: 1px solid #ced4da;
  padding-right: 5px;
  align-items: center;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header .item-cost h4 {
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 0px;
  margin-right: 5px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header .item-cost p,
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header .item-cost span {
  margin-bottom: 0px;
  margin-right: 5px;
  font-size: 14px;
  font-weight: 300;
  color: #012943;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header button {
  min-width: 145px;
  justify-content: flex-start;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header a {
  font-family: "OpenSans";
  font-weight: 900;
  color: #00b1b7;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header a:before {
  font-family: fontawesome;
  margin-right: 10px;
  font-weight: 100;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header a:hover {
  cursor: pointer;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header a:first-child {
  text-align: left;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header .fa-times {
  color: #ff3333;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-content {
  padding: 10px 0px;
  padding-bottom: 0px;
  border-top: 1px solid #ced4da;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-content .section-body-inner-content {
  margin: 0px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-content .section-body-inner-content .form-group {
  margin-bottom: 10px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-footer {
  margin: 0px;
  padding: 15px;
}
html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-footer {
  border-top: 1px solid #ced4da;
}
html[dir=ltr] .g7-modal-n .modal-indecator {
  position: absolute;
  width: 100%;
  top: 0px;
  background: #00b1b7;
  height: 6px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
html[dir=ltr] .g7-modal-n .modal-header {
  border: none;
  text-align: left;
  padding: 18px 20px;
  flex-direction: row;
  margin-bottom: 10px;
}
html[dir=ltr] .g7-modal-n .modal-header h5 {
  margin: 0px;
  color: #012943;
  display: flex;
  flex-direction: row;
  margin-right: auto;
  align-items: center;
}
html[dir=ltr] .g7-modal-n .modal-header h5 span {
  font-size: 24px;
  margin-right: 10px;
  vertical-align: sub;
}
html[dir=ltr] .g7-modal-n .modal-header h5 .span-title {
  font-size: 1.25rem;
  margin-right: 0px;
}
html[dir=ltr] .g7-modal-n .modal-header button {
  color: #939393;
  opacity: 1;
  outline: none !important;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 0px;
}
html[dir=ltr] .g7-modal-n .modal-header.profile-main-header {
  padding: 15px;
  margin: 0px;
  padding-bottom: 0px;
}
html[dir=ltr] .g7-modal-n .modal-body {
  padding: 0px 15px;
  align-items: center;
  /* .custom-control label{
      padding-left : 35px !important;
  } */
  /* .custom-radio {
      label {
          padding-left: $CustomCheckPadding !important;
      }
  } */
}
html[dir=ltr] .g7-modal-n .modal-body.min-h-458 {
  min-height: 458px;
  align-items: flex-start;
  align-content: flex-start;
}
html[dir=ltr] .g7-modal-n .modal-body.body-table .data-desc-body-container {
  padding: 0px;
}
html[dir=ltr] .g7-modal-n .modal-body.body-table .data-desc-body-container .data-desc-body-container-body {
  padding: 0px;
}
html[dir=ltr] .g7-modal-n .modal-body.body-table .data-desc-body-container .data-desc-body-container-body .grid .ag-root-wrapper .ag-root-wrapper-body .ag-root {
  margin: 0px !important;
}
html[dir=ltr] .g7-modal-n .modal-body .total-data {
  border-left: 1px solid #ced4da;
  padding: 10px 15px;
  padding-right: 0px;
  padding-left: 10px;
  align-content: flex-start;
}
html[dir=ltr] .g7-modal-n .modal-body .total-data .payment-div {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0px;
}
html[dir=ltr] .g7-modal-n .modal-body .total-data .payment-div h4 {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}
html[dir=ltr] .g7-modal-n .modal-body .total-data .payment-div input {
  border: none;
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .g7-modal-n .modal-body .total-data .payment-div select {
  margin-left: 7px;
  margin-top: 0px;
  border: none;
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .g7-modal-n .modal-body .total-data .total-data-item {
  align-items: center;
  justify-content: flex-end;
}
html[dir=ltr] .g7-modal-n .modal-body .total-data .total-data-item p {
  font-size: 16px;
  margin: 0px;
  text-align: right;
  margin-right: auto;
  font-weight: 300;
}
html[dir=ltr] .g7-modal-n .modal-body .total-data .total-data-item span {
  margin: 0px 3px;
  font-size: 16px;
  font-weight: 900;
}
html[dir=ltr] .g7-modal-n .modal-body .total-data .total-data-item.danger span {
  color: #ff3333;
}
html[dir=ltr] .g7-modal-n .modal-body .total-data .total-data-item.warning span {
  color: #efb334;
}
html[dir=ltr] .g7-modal-n .modal-body .total-data .total-data-item.default span {
  color: #00b1b7;
}
html[dir=ltr] .g7-modal-n .modal-body .total-data .divider {
  border-bottom: 1px solid #ced4da;
  height: 0px;
  margin: 5px 0px;
}
html[dir=ltr] .g7-modal-n .modal-body .total-data .total-data-item-total {
  margin-bottom: 15px;
}
html[dir=ltr] .g7-modal-n .modal-body .total-data .total-data-item-total h4 {
  margin: 0px;
  margin-right: auto;
  font-weight: 700;
  font-size: 25px;
  width: auto;
}
html[dir=ltr] .g7-modal-n .modal-body .total-data .total-data-item-total span {
  margin: 0px 3px;
  font-weight: 700;
  font-size: 17px;
  color: #a1b32b;
  padding-right: 5px;
}
html[dir=ltr] .g7-modal-n .modal-body .total-data .total-data-footer {
  justify-content: flex-end;
  align-items: center;
}
html[dir=ltr] .g7-modal-n .modal-body .form-section p {
  color: #012943;
  margin: 5px;
}
html[dir=ltr] .g7-modal-n .modal-body .grid .ag-root-wrapper .ag-root-wrapper-body .ag-root {
  margin: 0px !important;
}
html[dir=ltr] .g7-modal-n .modal-body .form-group {
  padding: 0px 5px;
  margin-bottom: 1rem;
  text-align: left;
}
html[dir=ltr] .g7-modal-n .modal-body label {
  color: #00b1b7;
}
html[dir=ltr] .g7-modal-n .modal-body .title-label {
  text-align: left;
}
html[dir=ltr] .g7-modal-n .modal-body .title-label::after {
  margin-left: 5px;
  content: ":";
}
html[dir=ltr] .g7-modal-n .modal-body .data-label {
  color: #012943;
  text-align: left;
  font-weight: 100;
}
html[dir=ltr] .g7-modal-n .modal-body .body-section-header {
  text-align: left;
  color: #027d82;
  font-weight: 700;
}
html[dir=ltr] .g7-modal-n .modal-body .body-section-header p {
  margin-bottom: 0px;
}
html[dir=ltr] .g7-modal-n .modal-body .data-table {
  padding: 0px !important;
  padding-bottom: 15px !important;
}
html[dir=ltr] .g7-modal-n .modal-body .data-table .dataTables_wrapper {
  padding: 0px !important;
}
html[dir=ltr] .g7-modal-n .modal-body .data-table .dataTables_wrapper table {
  background: #ffffff;
  outline: none;
  border-collapse: collapse !important;
}
html[dir=ltr] .g7-modal-n .modal-body .data-table .dataTables_wrapper table label {
  color: #00b1b7;
  margin-left: 25px;
}
html[dir=ltr] .g7-modal-n .modal-body .data-table .dataTables_wrapper table .thead tr th {
  text-align: center !important;
}
html[dir=ltr] .g7-modal-n .modal-body .data-table .dataTables_wrapper table .thead tr th {
  padding-left: 30px !important;
}
html[dir=ltr] .g7-modal-n .modal-body .data-table .dataTables_wrapper table .tbody tr td {
  color: #012943;
}
html[dir=ltr] .g7-modal-n .modal-body .data-table .dataTables_wrapper table .tbody tr td:first-child {
  border-left: none !important;
}
html[dir=ltr] .g7-modal-n .modal-body .custom-control {
  padding-left: 1.5rem !important;
  padding-right: 0 !important;
}
html[dir=ltr] .g7-modal-n .modal-body .profile-header {
  justify-content: center;
  padding-bottom: 10px;
}
html[dir=ltr] .g7-modal-n .modal-body .profile-header img {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  border: 10px solid #ffffff;
  margin-bottom: 5px;
  box-shadow: 0px 0px 8px #ced4da;
}
html[dir=ltr] .g7-modal-n .modal-body .profile-header h4 {
  font-weight: 900;
  margin: 0px;
  text-align: Center;
  font-family: "OpenSans";
  font-size: 25px;
  color: #012943;
  width: 100%;
  border: none;
}
html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-header {
  padding-bottom: 8px;
  margin-bottom: 0px;
}
html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data {
  align-content: center;
  align-items: center;
}
html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data h4 {
  width: auto;
  margin-right: 10px;
  /* padding: 5px 10px;
  border-right:1px solid $BorderColor;
  margin-bottom: 0px; */
}
html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section {
  margin-left: auto;
}
html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section .icon-gbtn {
  padding: 5px;
  font-size: 25px;
}
html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section .icon-gbtn:hover, html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section .icon-gbtn:focus, html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section .icon-gbtn:active {
  cursor: pointer;
  color: #efb334;
}
html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container {
  padding: 0px 10px;
}
html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body {
  padding-top: 0px;
}
html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools {
  margin-bottom: 10px;
  padding: 0px;
  border-bottom: 1px solid #ced4da;
  padding-bottom: 7px;
}
html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link {
  font-family: "OpenSans";
  color: #012943;
  padding: 5px;
}
html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link::before {
  font-family: FontAwesome;
  margin-right: 10px;
}
html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link:first-child {
  border-right: 1px solid #ced4da;
  padding: 5px;
  padding-right: 10px;
  margin-right: 10px;
}
html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link:hover, html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link:focus, html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link:active {
  cursor: pointer;
  color: #a1b32b;
}
html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-group {
  margin-bottom: 0.7rem;
}
html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-group .search-icon {
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px 12px;
  font-size: 16px;
  color: #ced4da;
}
html[dir=ltr] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-container {
  max-height: 300px;
}
html[dir=ltr] .g7-modal-n .modal-body .grid {
  height: 450px;
  min-height: 109px;
  max-height: 450px;
}
html[dir=ltr] .g7-modal-n .modal-body .grid.h-425 {
  height: 425px;
  max-height: 425px;
}
html[dir=ltr] .g7-modal-n .modal-body .grid.h-250 {
  height: 250px;
}
html[dir=ltr] .g7-modal-n .modal-body .grid .grid {
  margin-bottom: 0px;
}
html[dir=ltr] .g7-modal-n .modal-body .grid .grid .ag-root-wrapper {
  margin-bottom: 0px;
}
html[dir=ltr] .g7-modal-n .modal-body .grid .grid .ag-root-wrapper .ag-root-wrapper-body .ag-root {
  border: none;
  border-top: 1px solid #ced4da;
  padding: 0px 10px;
  /* .ag-header{
      .ag-header-row{
          width: 100% !important; 
      }
  }
  .ag-body{
      .ag-body-container{
          width: 100% !important; 
      }
  }
  .ag-floating-bottom{
      .ag-floating-bottom-container{
          width: 100% !important; 
      }
  } */
}
html[dir=ltr] .g7-modal-n .modal-body .modal-details .nav {
  padding: 0px;
}
html[dir=ltr] .g7-modal-n .modal-body .modal-details .nav .nav-item {
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .g7-modal-n .modal-body .modal-details .nav .nav-item a {
  position: relative;
  color: #012943;
  padding-bottom: 10px;
}
html[dir=ltr] .g7-modal-n .modal-body .modal-details .nav .nav-item a .tab-indicator {
  height: 4px;
  width: 100%;
  background: #cbdc5a;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  display: none;
}
html[dir=ltr] .g7-modal-n .modal-body .modal-details .nav .nav-item a.active {
  background: none;
  color: #a1b32b;
}
html[dir=ltr] .g7-modal-n .modal-body .modal-details .nav .nav-item a.active .tab-indicator {
  display: block;
}
html[dir=ltr] .g7-modal-n .modal-body .modal-details .nav .nav-item a:hover, html[dir=ltr] .g7-modal-n .modal-body .modal-details .nav .nav-item a:focus, html[dir=ltr] .g7-modal-n .modal-body .modal-details .nav .nav-item a:active {
  color: #a1b32b;
}
html[dir=ltr] .g7-modal-n .modal-body .modal-details .tab-content .tab-pane .tab-pane-contatiner {
  padding: 17px 5px;
}
html[dir=ltr] .g7-modal-n .modal-body .modal-details .tab-content .tab-pane .tab-pane-contatiner h6 {
  font-weight: 900;
  text-align: left;
  border-bottom: 1px solid #ced4da;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
html[dir=ltr] .g7-modal-n .modal-body .modal-details .tab-content .tab-pane .tab-pane-contatiner .total-footer {
  margin-top: 0px;
}
html[dir=ltr] .g7-modal-n .modal-body .modal-details .tab-content .tab-pane .tab-pane-contatiner .total-footer .form-group {
  max-width: 150px;
  margin-bottom: 0px;
}
html[dir=ltr] .g7-modal-n .modal-body .modal-details .tab-content .tab-pane .tab-pane-contatiner .max100vh-70vh {
  max-height: calc(100vh - 70vh);
}
html[dir=ltr] .g7-modal-n .modal-body .modal-details .detail-data label {
  color: #012943 !important;
}
html[dir=ltr] .g7-modal-n .modal-body .modal-details .detail-data.warning input {
  color: #efb334 !important;
}
html[dir=ltr] .g7-modal-n .modal-body .modal-details .detail-data.danger input {
  color: #ff3333 !important;
}
html[dir=ltr] .g7-modal-n .modal-body .modal-details .detail-data.default input {
  color: #78d0d4 !important;
}
html[dir=ltr] .g7-modal-n .modal-body .modal-details .detail-data input {
  margin: 0px;
  padding: 0px !important;
}
html[dir=ltr] .g7-modal-n .modal-footer {
  display: flex;
  align-items: center;
  border: none;
  margin: 5px 0px;
  padding: 5px 15px 5px 15px;
  flex-wrap: wrap;
}
html[dir=ltr] .g7-modal-n .modal-footer button,
html[dir=ltr] .g7-modal-n .modal-footer input,
html[dir=ltr] .g7-modal-n .modal-footer a {
  margin: 5px 0px;
  margin-left: 20px;
  padding: 4px 22px !important;
  min-width: 132px;
}
html[dir=ltr] .g7-modal-n .modal-footer #CancelBtn,
html[dir=ltr] .g7-modal-n .modal-footer #ConfirmationBtn {
  display: none;
}
html[dir=ltr] .g7-modal-n .modal-footer.profile-footer {
  padding: 10px 20px 15px 20px;
}
html[dir=ltr] .g7-modal-n .modal-footer.profile-footer button {
  margin: 0px;
  padding: 8px 22px !important;
}
html[dir=ltr] .g7-modal-n .modal-footer .summary-div {
  margin: 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
}
html[dir=ltr] .g7-modal-n .modal-footer .summary-div label {
  font-size: 16px;
  font-weight: 900;
}
html[dir=ltr] .g7-modal-n .modal-footer .summary-div label:after {
  content: ":";
  font-size: 16px;
  font-weight: 900;
  margin-left: 10px;
}
html[dir=ltr] .g7-modal-n .modal-footer .summary-div input {
  margin: 0px;
  border: none;
  color: #00111d;
  font-weight: 300;
  font-size: 18px;
  line-height: 19px;
  pointer-events: none;
  padding: 0px 5px !important;
  background: none;
}
html[dir=ltr] .g7-modal-n.msg-modal .modal-body {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 20px 15px;
}
html[dir=ltr] .g7-modal-n.msg-modal .modal-body .modal-icon {
  border: 3px solid #efb334;
  border-radius: 40px;
  min-width: 80px;
  min-height: 80px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 25px 0px 5px 0px;
}
html[dir=ltr] .g7-modal-n.msg-modal .modal-body .modal-icon span {
  color: #efb334;
  font-size: 50px;
  padding: 11px 25px;
  max-width: 50px;
  max-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .g7-modal-n.msg-modal .modal-body .msg-type {
  color: #939393;
  font-weight: 100;
  text-transform: uppercase;
}
html[dir=ltr] .g7-modal-n.msg-modal .modal-body .msg {
  width: 80%;
}
html[dir=ltr] .g7-modal-n.msg-modal .modal-body .msg h5 {
  font-weight: 900;
  color: #012943;
}
html[dir=ltr] .g7-modal-n.msg-modal .modal-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin: 15px 0px;
}
html[dir=ltr] .g7-modal-n.msg-modal .modal-footer button {
  margin: 0px 10px;
  padding: 7px 23px;
}
html[dir=ltr] .payment-modal {
  align-items: flex-start !important;
}
html[dir=ltr] .payment-modal .invoice-data {
  border-right: 1px solid #ced4da;
}
html[dir=ltr] .payment-modal .total-data {
  padding: 0px 15px !important;
  border: none !important;
}
html[dir=ltr] .payment-modal .total-data .total-data-item-total {
  margin-bottom: 0px !important;
}
html[dir=ltr] .g7-drag-modal {
  overflow: hidden !important;
}
html[dir=ltr] .g7-account-modal {
  z-index: 1150 !important;
}
html[dir=ltr] .g7-account-modal .modal-dialog .modal-content {
  box-shadow: 0px 0px 15px #ced4da;
}
html[dir=ltr] .dark-modal .modal-indecator {
  background: #012943 !important;
}
html[dir=ltr] .dark-modal .modal-body label {
  color: #012943 !important;
}
html[dir=ltr] .dark-modal .modal-body .modal-icon {
  border-color: #012943 !important;
}
html[dir=ltr] .dark-modal .modal-body .modal-icon span {
  color: #012943 !important;
}
html[dir=ltr] .warning-modal .modal-indecator {
  background: #efb334 !important;
}
html[dir=ltr] .warning-modal .modal-body label {
  color: #efb334 !important;
}
html[dir=ltr] .warning-modal .modal-body .modal-icon {
  border-color: #efb334 !important;
}
html[dir=ltr] .warning-modal .modal-body .modal-icon span {
  color: #efb334 !important;
}
html[dir=ltr] .success-modal .modal-indecator {
  background: #a1b32b !important;
}
html[dir=ltr] .success-modal .modal-body .modal-body-header {
  border-bottom: 1px solid #ced4da;
  margin-bottom: 5px;
}
html[dir=ltr] .success-modal .modal-body .detail-data label {
  color: #012943 !important;
}
html[dir=ltr] .success-modal .modal-body label {
  color: #a1b32b !important;
}
html[dir=ltr] .success-modal .modal-body .modal-icon {
  border-color: #a1b32b !important;
}
html[dir=ltr] .success-modal .modal-body .modal-icon span {
  color: #a1b32b !important;
}
html[dir=ltr] .danger-modal .modal-indecator {
  background: #ff3333 !important;
}
html[dir=ltr] .danger-modal .modal-body label {
  color: #ff3333 !important;
}
html[dir=ltr] .danger-modal .modal-body .modal-icon {
  border-color: #ff3333 !important;
}
html[dir=ltr] .danger-modal .modal-body .modal-icon span {
  color: #ff3333 !important;
}
html[dir=ltr] .add-service-modal .modal-body {
  margin-left: -50px !important;
  align-content: flex-start;
  align-items: flex-start;
}
html[dir=ltr] .add-service-modal .modal-body .form-icons-div li a {
  background: #ffffff;
}
html[dir=ltr] .add-service-modal .modal-body .form-icons-div li a.active {
  color: #ffffff;
}
html[dir=ltr] .add-service-modal .modal-body .form-icons-div li a.active[data-color=sucess] {
  background: #a1b32b;
  border-color: #a1b32b;
}
html[dir=ltr] .add-service-modal .modal-body .form-icons-div li a.active[data-color=warning] {
  background: #efb334 !important;
  border-color: #efb334 !important;
}
html[dir=ltr] .add-service-modal .modal-body .form-icons-div li a.active[data-color=danger] {
  background: #ff3333 !important;
  border-color: #ff3333 !important;
}
html[dir=ltr] .add-service-modal .modal-body .form-icons-div li a.active[data-color=subcolorlight] {
  background: #00b1b7 !important;
  border-color: #00b1b7;
}
html[dir=ltr] .add-service-modal .modal-body .form-icons-div li a[data-color=sucess]:hover {
  background: #a1b32b !important;
  border-color: #a1b32b !important;
}
html[dir=ltr] .add-service-modal .modal-body .form-icons-div li a[data-color=sucess]:focus {
  border-color: #a1b32b !important;
}
html[dir=ltr] .add-service-modal .modal-body .form-icons-div li a[data-color=warning]:hover {
  background: #efb334 !important;
  border-color: #efb334 !important;
}
html[dir=ltr] .add-service-modal .modal-body .form-icons-div li a[data-color=warning]:focus {
  border-color: #efb334 !important;
}
html[dir=ltr] .add-service-modal .modal-body .form-icons-div li a[data-color=danger]:hover {
  background: #ff3333 !important;
  border-color: #ff3333 !important;
}
html[dir=ltr] .add-service-modal .modal-body .form-icons-div li a[data-color=danger]:focus {
  border-color: #ff3333 !important;
}
html[dir=ltr] .add-service-modal .modal-body .form-icons-div li a[data-color=subcolorlight]:hover {
  background: #00b1b7 !important;
  border-color: #00b1b7 !important;
}
html[dir=ltr] .add-service-modal .modal-body .form-icons-div li a[data-color=subcolorlight]:focus {
  border-color: #00b1b7 !important;
}
html[dir=ltr] .add-service-modal .modal-body .form-icons-div .tab-content .tab-pane h3 {
  margin-top: -25px;
}
@media only screen and (max-width: 992px) {
  html[dir=ltr] .modal-body .total-data {
    border: none !important;
  }
  html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body {
    height: auto !important;
  }
  html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list {
    min-height: auto !important;
    border-bottom: 1px solid #ced4da;
    margin-bottom: 0px;
  }
  html[dir=ltr] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list {
    min-height: auto !important;
  }
}
@media only screen and (max-width: 1050px) {
  html[dir=ltr] .g7-drag-modal {
    overflow: auto !important;
  }
}
@media screen and (min-device-width: 1360px) and (max-device-width: 1360px) and (-webkit-min-device-pixel-ratio: 1) {
  html[dir=ltr] .modal-main-div-list {
    min-height: calc(100vh - 14rem) !important;
    max-height: calc(100vh - 14rem) !important;
  }
}
html[dir=ltr] .gmodal .modal-dialog {
  max-width: 1200px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-header {
  border-bottom: 1px solid #ced4da;
  margin-bottom: 0px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-sub-header {
  background: #fbfbfb;
  border-bottom: 1px solid #ced4da;
  padding: 15px 25px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-sub-header .form-group {
  margin: 0px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body {
  padding: 0px;
  margin: 0px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner.vertical-nav-contatiner {
  padding: 0px;
  align-content: flex-start;
  align-items: flex-start;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav {
  padding: 0px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav .nav-item {
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav .nav-item a {
  position: relative;
  color: #012943;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav .nav-item a .tab-indicator {
  height: 4px;
  width: 100%;
  background: #cbdc5a;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  display: none;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav .nav-item a.active {
  background: none;
  color: #a1b32b;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav .nav-item a.active .tab-indicator {
  display: block;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav .nav-item a:hover, html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav .nav-item a:focus, html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav .nav-item a:active {
  color: #a1b32b;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav.br {
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav.br .nav-item {
  border: none;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.vertical-nav {
  padding-right: 0px;
  max-height: 565px;
  overflow-y: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 45px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.vertical-nav li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 10px;
  flex-wrap: wrap;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.vertical-nav li a p {
  margin: 0px;
  margin-right: auto;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.vertical-nav li a .total {
  color: #ffffff;
  background: #012943;
  font-size: 14px;
  font-weight: 500;
  padding: 0px 10px;
  border-radius: 15px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.vertical-nav li a.active .total {
  background: #a1b32b !important;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.vertical-nav li.total p {
  font-weight: 600;
  margin: 5px 0px;
  font-size: 14px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.vertical-nav li.total span {
  color: #a1b32b;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.vertical-nav li:last-child {
  border: none;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content {
  min-height: 400px;
  border-left: 1px solid #ced4da;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner {
  padding: 15px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav {
  padding: 0px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav.br {
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav .nav-item {
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav .nav-item a {
  position: relative;
  color: #012943;
  padding-bottom: 10px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav .nav-item a .tab-indicator {
  height: 4px;
  width: 100%;
  background: #cbdc5a;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  display: none;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav .nav-item a.active {
  background: none;
  color: #a1b32b;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav .nav-item a.active .tab-indicator {
  display: block;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav .nav-item a:hover, html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav .nav-item a:focus, html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav .nav-item a:active {
  color: #a1b32b;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav.br {
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav.br .nav-item {
  border: none;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content {
  padding-right: 0px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane {
  padding-right: 0px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner {
  padding: 0px;
  padding-bottom: 0px;
  align-items: flex-start;
  margin: 0px;
  padding-top: 10px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .tab-pane-contatiner-section.br-side {
  border-right: 1px solid #ced4da;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .imageTag {
  max-height: 20%;
  max-width: 20%;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner h6 {
  font-weight: 900;
  text-align: left;
  border-bottom: 1px solid #ced4da;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid {
  width: 100vw;
  padding: 0px !important;
  margin: 0px !important;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid.h-425 {
  height: 398px !important;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid.h-174 {
  height: 174px !important;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid .ag-root {
  padding: 0px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-565px {
  height: calc(100vh - 565px);
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-75vh {
  height: calc(100vh - 75vh);
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-70vh {
  height: calc(100vh - 70vh);
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-60h {
  height: calc(100vh - 60vh);
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-65h {
  height: calc(100vh - 65vh);
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .total-input {
  margin: 5px 0px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .total-input label {
  margin: 0px !important;
  margin-left: 10px !important;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .inline-form-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .inline-form-group label:first-child {
  width: auto;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .inline-form-group label:first-child:after {
  content: ":";
  margin-left: 10px;
  font-weight: 900;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .grid {
  max-height: 565px;
  height: calc(100vh - 45vh);
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .total-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .total-footer .total-footer-item .detail-data label {
  color: #012943 !important;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .total-footer .total-footer-item .detail-data.warning input {
  color: #efb334 !important;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .total-footer .total-footer-item .detail-data.danger input {
  color: #ff3333 !important;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .total-footer .total-footer-item .detail-data.default input {
  color: #78d0d4 !important;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .total-footer .total-footer-item .detail-data input {
  margin: 0px;
  padding: 0px !important;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-footer {
  border-top: 1px solid #ced4da !important;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-footer button, html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-footer a {
  padding: 5px 15px;
  margin-right: 5px;
}
html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-footer button:first-child, html[dir=ltr] .gmodal .modal-dialog .modal-content .modal-footer a:first-child {
  margin-right: 0px;
}
@media (max-width: 505px) {
  html[dir=ltr] .modal .modal-dialog .modal-content .modal-footer {
    justify-content: center;
  }
  html[dir=ltr] .modal .modal-dialog .modal-content .modal-footer button:nth-child(1) {
    margin-left: 0px;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  html[dir=ltr] .modal .modal-dialog .modal-content .modal-footer button:nth-child(2) {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  html[dir=ltr] .modal .modal-dialog .modal-content .modal-footer button:nth-child(3) {
    margin-left: 0px;
    width: 100%;
  }
}
@media (max-width: 330px) {
  html[dir=ltr] .modal .modal-dialog .modal-content .modal-footer {
    justify-content: center;
  }
  html[dir=ltr] .modal .modal-dialog .modal-content .modal-footer button:nth-child(1) {
    margin-left: 0px;
    width: 100%;
  }
  html[dir=ltr] .modal .modal-dialog .modal-content .modal-footer button:nth-child(2) {
    margin-left: 0px;
    width: 100%;
  }
  html[dir=ltr] .modal .modal-dialog .modal-content .modal-footer button:nth-child(3) {
    margin-left: 0px;
    width: 100%;
  }
}
html[dir=ltr] .g7-notification {
  position: fixed;
  top: 0px;
  right: 0px;
  min-width: 335px;
  max-width: 450px;
  height: auto;
  background: transparent;
  padding: 10px 15px;
  border-radius: 5px;
  margin: 20px;
  z-index: 1055;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear;
  float: left;
}
html[dir=ltr] .g7-notification .ntf-body {
  position: relative;
  display: block;
  z-index: 15;
  float: left;
}
html[dir=ltr] .g7-notification .ntf-body .ntf-icon {
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 35px;
  float: left;
}
html[dir=ltr] .g7-notification .ntf-body .ntf-text {
  display: inline-block;
  color: #ffffff;
  vertical-align: middle;
  text-align: left;
  margin-right: 30px;
}
html[dir=ltr] .g7-notification .ntf-body .ntf-text h4 {
  margin: 0px;
  color: #ffffff;
  font-weight: 900;
}
html[dir=ltr] .g7-notification .ntf-body .ntf-text p {
  color: #ffffff;
  font-size: 14px;
  margin-left: 10px;
}
html[dir=ltr] .g7-notification .ntf-close {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 18px;
  margin: 15px;
  color: #ffffff !important;
  z-index: 15;
}
html[dir=ltr] .g7-notification .ntf-close:hover {
  cursor: pointer;
}
html[dir=ltr] .g7-notification .ntf-background {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  border-radius: 5px;
}
html[dir=ltr] .notification:hover {
  cursor: pointer;
}
html[dir=ltr] .notification:hover .ntf-background {
  opacity: 1;
}
html[dir=ltr] .ntf-default .ntf-background {
  background: #00b1b7;
}
html[dir=ltr] .ntf-warnnig .ntf-background {
  background: #efb334;
}
html[dir=ltr] .ntf-danger .ntf-background {
  background: #ff3333;
}
html[dir=ltr] .ntf-success .ntf-background {
  background: #a1b32b;
}
html[dir=ltr] .ntf-show {
  visibility: visible;
  opacity: 1;
}
html[dir=ltr] .g-wizard {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  align-content: flex-start;
}
html[dir=ltr] .g-wizard .g-wizard-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills {
  justify-content: center;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  flex-grow: unset;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item .item-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item .item-btn span {
  background: #ced4da;
  color: #939393;
  font-size: 35px;
  padding: 25px 30px;
  border-radius: 45px;
  width: 85px;
  height: 85px;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item .item-btn h6 {
  color: #939393;
  font-weight: 600;
  margin-bottom: 0px;
  font-size: 15px;
  margin-top: 8px;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item .v-border {
  height: 5px;
  width: 10vw;
  margin-top: -25px;
  background: #ced4da;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .center-item {
  max-width: 85px !important;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item.active {
  background: none;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item:first-child .item-btn span {
  background: #00b1b7;
  color: #ffffff;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item:first-child .item-btn h6 {
  color: #00b1b7;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item:first-child .v-border {
  background: #00b1b7;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item:last-child {
  flex-direction: row-reverse;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item:last-child .item-btn span {
  background: #a1b32b;
  color: #ffffff;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item:last-child .item-btn h6 {
  color: #a1b32b;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item:last-child .v-border {
  background: #a1b32b;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item:nth-child(2) .item-btn span {
  background: #efb334;
  color: #ffffff;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item:nth-child(2) .item-btn h6 {
  color: #efb334;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item.disabled {
  pointer-events: none;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item.disabled .item-btn span {
  background: #ced4da;
  color: #939393;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item.disabled .item-btn h6 {
  color: #939393;
}
html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item.disabled .v-border {
  background: #ced4da;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container {
  flex-direction: column;
  align-items: center;
  padding: 15px;
  /* .inv{
      font-family:"NeoSansArabic" !important;  
      direction:rtl;
      font-size:14px;
      .inv-top-header{
          display:flex;
          align-items:center;
          justify-content:center;
        // flex-direction:$PRow;
          border:5px solid $InvColor1;
          border-radius:10px;
          padding:15px;
          margin-bottom:10px;
          .inv-logo{
            display:block  !important;
            width: 50%;
            margin-left: auto;
            margin-bottom:15px;
          }
          .contact{
              p{
                  font-size:18px;
                  color:$InvColor3;
                  text-align: center;
                  font-weight: 900;
              }
              p:last-child{
                  margin:0px;
              }
          }                   
      }
      .inv-body-container{
          padding-left: 25px;
          .inv-sub-header{
              margin-bottom:10px;
              .sub-header-col{
                  display:flex;
                  align-items:center;
                  justify-content:flex-start;
                  flex-direction:column;
                  .data-item{
                      display:flex;
                      align-items:center;
                      justify-content:flex-start;
                    //  flex-direction:$PRow;
                      flex-wrap:wrap;
                      margin-bottom:5px;
                      label{
                          background:$InvColor1;
                          margin:0px;
                          margin-left:5px;
                          color: $ClearWhite;
                          padding: 5px 10px;
                          border-radius: 4px;
                          min-width: 115px;
                          text-align: right;
                      }
                      input{
                          background-color:$InvColor1L !important;
                          padding: 4px 10px !important;
                          color: $MainColor;
                          height:auto !important;
                          border:none;
                          font-weight:900;
                          text-align:right;
                      }
                      label:last-child{
                          background:none;
                          color: $InvColor1;
                          margin-right:5px;
                          font-weight:900;
                          min-width: unset;
                          text-align: left;
                      }
                  }
                  .success{
                      label{background:$InvColor2}
                      input{background-color:$InvColor2L !important;}
                      label:last-child{color:$InvColor2}
                  }
              }   
              .sub-header-col:first-child{
                  padding-right:0px;
                  .data-item{padding:0px;}
              }
              .sub-header-col:last-child{
                  padding-right:0px;
                  .data-item{padding:0px;}
              }
          }
          .inv-body{
              table{
                  border:none;
                  thead{
                      tr{
                          th{
                              border:2px solid $InvColor3;
                              text-align: center;
                              vertical-align: middle;
                              padding:0px;
                              min-width: 100px;
                              span{
                                  display:block;
                                  width:100%;
                                  color: $InvColor3;
                                  font-weight:900;
                              }
                              span:last-child{
                                  color: $InvColor2;
                              }
                          }
                          th[colspan="2"],th[colspan="3"]{
                              span{color: $InvColor3;}
                          }
                          th:first-child{min-width: 110px;}
                          .desc{min-width: 500px;}
                      }
                  }
                  tbody{
                      tr{
                          td{
                              text-align: center;
                              vertical-align: middle;
                              border:2px solid $InvColor1;
                              border-bottom:none;
                              border-top:none;
                          }
                      }
                      tr:last-child{
                          td{
                              border-bottom:2px solid $InvColor1;
                              border-top:2px solid $InvColor1;
                              background:$InvColor1L;
                              .table-footer{
                                  padding-top:5px;
                                  .table-footer-item{
                                      display: flex;
                                      flex-direction: column;
                                      justify-content: center;
                                      border:2px solid $InvColor1;
                                      border-radius:10px;
                                      padding:5px;
                                      text-align: center;
                                      vertical-align: middle;
                                      min-height: 55px;
                                      span{
                                          display:block;
                                          width:100%;
                                          color: $InvColor3;
                                          font-weight:900;
                                          font-size:14px;
                                      }
                                      span:last-child{
                                          color: $InvColor2;
                                      }
                                  }
                              }
                          }
                          td:first-child,td:nth-child(2){
                              border:none;
                              border-top:2px solid $InvColor1;
                              background:none;
                              padding:0px;
                          }
                          td:nth-child(2){
                              .table-footer{
                                  padding-top:5px;
                                  display:flex;
                                  justify-content:center;
                                  align-items:center;
                                  .table-footer-item{
                                      margin:0px 5px;
                                      padding: 0px 10px;
                                  }
                                  .table-footer-item:last-child{
                                      margin-right:0px;
                                  }
                              }
                          }
                      }
                  }
              }
          }
          .inv-footer{
              padding:0px 5px;
              .footer-item{
                  display:flex;
                  justify-content:flex-start;
                  align-items:center;
                  padding:5px 0px;
                  border-bottom:2px solid $InvColor3;
                  .item-title{
                      display:flex;
                      flex-direction:column;
                      justify-content:flex-start;
                      align-items:center;
                      text-align:right;
                      vertical-align:middle;
                      span{
                          display:block;
                          width:100%;
                          color: $InvColor3;
                          font-weight:900;
                      }
                      span:last-child{
                          color: $InvColor2;
                      }
                  }
                  .item-result{
                      margin:5px;
                      border:2px solid $InvColor3;
                      background:$InvColor1L;
                      height: 55px;
                      display:flex;
                      align-items:center;
                      justify-content:center;
                  }
              }
              .footer-item:last-child{
                  border-bottom:none;
              }
          }
      }
      .inv-note{
          transform: rotate(-90deg);
          position: absolute;
          left: -130px;
          top: 400px;
          font-weight: 900;
          font-size: 18px;
          color: $InvColor3;
      }                                      
  }
  .result-header{
      display: flex;
      flex-direction: $FdirectionRow ;
      align-items: center;
      border-bottom: 1px dashed $BorderColor;
      padding: 15px;
      padding-top: 0px;
      .result-data{
          h6{
              display: inline-block;
              margin: 0px;
              margin-right:10px;
              color:$MainColor;
              font-weight: $FW-Bold;
          }
          p{
              display: inline-block;
              margin: 0px;
              color:$MainColor;
          }
      }
      h3{
          color:$Danger;
          margin-right: auto;
          margin-left: auto;
      }

  }
  .result-body{
      display: flex;
      flex-direction: $FdirectionColumn ;
      align-items: center;
      .result-section{
          display: flex;
          flex-direction: $FdirectionRow ;
          align-items: center;
          padding: 30px 0px;
          .result-section-header{
              position: relative;
              border: 1px dashed $BorderColor;
              margin-bottom: 25px;
              h6{
                  position: absolute;
                  background: $ClearWhite;
                  font-size: 18px;
                  font-weight: $FW-Bold;
                  padding: 5px 7px;
                  left: -3px;
                  top: -20px;
              }
          }
          .disabled{
              input{background-color: $BorderColor !important; pointer-events: none; }      
          }
          .result-item{
              display: flex;
              flex-direction: $FdirectionRow;
              align-items: center;
              padding: 10px 35px;
              label{
                  margin-right: 15px;
                  font-weight: $FW-Bold;
                  color:$MainColor;
                  margin-bottom: 0px;
                  width: 110px;
              }
              input{
                  padding: 10px 15px;
              }
              p{
                  margin-bottom: 3px;
              }
          }
          .main-label{
              padding-right: 0px;
              width: 130px;
              label{
                  margin-top: 25px;
                  margin-right: 0px;    
              }
          }
      }
  }
  .result-footer{
      display: flex;
      flex-direction: $FdirectionRow;
      align-items: center;
      justify-content: center;
      padding: 15px;
      a{
          padding: 5px 45px;
          margin: 15px 20px;
      }
  } */
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .form-main-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .form-controllers {
  padding: 7px;
  justify-content: center;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .form-controllers a {
  margin-right: 10px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .form-controllers .gbtn-o, html[dir=ltr] .g-wizard .g-wizard-content .form-container .form-controllers .gbtn {
  justify-content: flex-start;
  display: flex;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 20px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .form-controllers .gbtn-o:before {
  border-right: 2px solid #00b1b7;
  padding: 4px 10px;
  font-size: 36px;
  margin-right: 15px;
  padding-left: 12px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .form-controllers .gbtn:before {
  border-right: 2px solid #ffffff;
  padding: 4px 10px;
  font-size: 36px;
  margin-right: 15px;
  padding-left: 12px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .form-controllers .gbtn-o:before:hover {
  border-color: #00b1b7;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .form-controllers .gbtn:before:hover {
  border-color: #efb334;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content {
  justify-content: center;
  align-items: center;
  align-content: flex-start;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content p {
  font-weight: 100 !important;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .upload-control input {
  border: 1px solid #ced4da;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-group {
  padding: 0px 5px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-group label {
  font-weight: 700;
  color: #027d82;
  margin: 3px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .gbtn {
  font-weight: 300;
  font-size: 20px;
  padding: 4px 35px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .date-input {
  position: relative;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .date-input span {
  position: absolute;
  bottom: 12px;
  right: 20px;
  color: #00b1b7;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .disabled button {
  background-color: #ced4da !important;
  pointer-events: none;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .disabled select {
  background-color: #ced4da !important;
  pointer-events: none;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .disabled input {
  background-color: #ced4da !important;
  pointer-events: none;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .insurance-container .insurance {
  padding: 0px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section {
  display: flex;
  flex-direction: row;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .discountContainer .custom-control {
  padding-left: 1.5rem !important;
  padding-right: 0 !important;
  margin-bottom: 10px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section p {
  font-weight: 700 !important;
  color: #027d82;
  margin: 0px;
  margin-bottom: 5px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .radio-container {
  padding-top: 7px;
  padding-left: 10px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background: #00b1b7;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .flagstrap button {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  color: #012943;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  text-align: left;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .flagstrap button .caret {
  margin-left: auto !important;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .form-group.method-item {
  padding: 0px 10px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item .custom-control {
  position: absolute;
  left: 0px;
  top: 0px;
  margin-top: -15px;
  margin-right: 5px;
  z-index: 9;
  padding-left: 1.5rem !important;
  padding-right: 0 !important;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item .custom-control-label:before {
  width: 30px;
  height: 30px;
  border-radius: 15px !important;
  border: 2px solid #939393;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background: #00b1b7;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item .custom-control-label::after {
  top: 10px;
  left: 5px;
  display: block;
  width: 20px;
  height: 20px;
  background-size: auto;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item .method-item-data {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #939393;
  border: 2px solid #939393;
  padding: 5px 10px;
  border-radius: 4px;
  margin-bottom: 10px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item .method-item-data h6 {
  margin: 0px;
  font-size: 16px;
  font-weight: 700;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item .method-item-data span {
  margin-right: 15px;
  font-size: 35px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item.active .method-item-data {
  border-color: #00b1b7;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item.active .custom-control-label:before {
  border-color: #00b1b7 !important;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container {
  flex-direction: column;
  align-items: center;
  padding: 15px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item {
  padding: 10px 20px;
  flex-direction: row;
  background: #fbfbfb;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
  border-radius: 4px;
  border: 1px solid #ced4da;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item .data-item h5 {
  color: #939393;
  text-align: left;
  padding: 0px 10px;
  font-weight: 300;
  font-size: 15px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item .data-item h6 {
  color: #027d82;
  text-align: left;
  padding: 0px 10px;
  font-size: 15px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item .custom-checkbox {
  margin-top: -8px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item .custom-checkbox label:hover {
  cursor: pointer;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item .custom-control-label:before {
  width: 25px;
  height: 25px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background: #00b1b7;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item .custom-control-label::after {
  top: 7px;
  left: 0px;
  display: block;
  width: 25px;
  height: 20px;
  background-size: auto;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item.active {
  box-shadow: 0 0 5px 1px #00b1b7;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .switch-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-top: 35px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .switch-container button {
  max-width: 200px;
  padding: 15px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .switch-container .devider {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid #ced4da;
  margin: 25px 0px 15px 0px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .main-conatiner .switch-container .devider h4 {
  color: #00b1b7;
  margin-bottom: -15px;
  background: #ffffff;
  padding: 0px 15px;
  font-size: 30px;
  font-weight: 900;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .wizard-controllers {
  display: flex;
  justify-content: center;
  align-items: center;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .wizard-controllers button, html[dir=ltr] .g-wizard .g-wizard-content .form-container .wizard-controllers a {
  padding: 5px 35px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .wizard-controllers #patientSearch {
  order: 1;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .wizard-controllers #PatientSearchNext {
  order: 2;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .items-list {
  flex-direction: row;
  align-items: center;
  padding: 15px;
  justify-content: center;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .items-list a {
  padding: 20px 32px;
  border: 2px solid #939393;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 4px;
  color: #939393;
  font-family: "OpenSans";
  max-width: 110.31px;
  margin: 0px 20px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 5px;
  width: 110px;
  height: 105px;
  justify-content: center;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .items-list a:before {
  margin-bottom: 3px;
  font: normal normal normal 35px/1 FontAwesome;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .items-list a.active {
  color: #00b1b7;
  border-color: #00b1b7;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .items-list a:hover {
  cursor: pointer;
  color: #efb334;
  border-color: #efb334;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .services-div {
  padding-top: 15px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .services-div h3 {
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .services-div h3:before {
  margin-right: 10px;
  font-size: 35px;
}
html[dir=ltr] .g-wizard .g-wizard-content .form-container .services-div .form-container {
  padding: 10px;
}
html[dir=ltr] .g-wizard .g-wizard-content #Patient .back {
  background: #ced4da !important;
  border-color: #ced4da !important;
  color: #939393 !important;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  html[dir=ltr] .form-controllers a {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 553px) {
  html[dir=ltr] .g-wizard .g-wizard-header .nav-pills .nav-item .v-border {
    width: 3vw;
  }
}
html[dir=ltr] .float-button {
  border: 0;
  background-color: #fbfbfb;
  /*     margin: auto 10px 10px auto; */
  margin-top: auto;
  margin-left: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  cursor: pointer !important;
  outline: none;
}
html[dir=ltr] .section-footer {
  width: 100%;
  padding: 10px 20px;
  background: #ffffff;
  flex-direction: row;
  border: 1px solid #ced4da;
  border-radius: 4px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  /* .footer-pagination{ */
  /*  } */
}
html[dir=ltr] .section-footer .pagination-container .pagination {
  margin: 0px;
  justify-content: center !important;
  align-items: center;
}
html[dir=ltr] .section-footer .pagination-container .pagination li p {
  margin: 0px 10px;
  color: #939393;
  font-size: 25px;
}
html[dir=ltr] .section-footer .pagination-container .pagination li a {
  border-radius: 5px;
  background: none;
  border: 1px solid #ced4da;
  background: #fbfbfb;
  color: #939393;
  margin: 0px 4px;
  padding: 4px 9px;
}
html[dir=ltr] .section-footer .pagination-container .pagination .active a {
  color: #ffffff;
  background: #00b1b7;
}
html[dir=ltr] .section-footer .pagination-container .pagination li:first-child a, html[dir=ltr] .section-footer .pagination-container .pagination li:last-child a, html[dir=ltr] .section-footer .pagination-container .pagination li:nth-last-child(2) a, html[dir=ltr] .section-footer .pagination-container .pagination li:nth-child(2) a {
  color: #00b1b7;
}
html[dir=ltr] .section-footer .footer-tools {
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=ltr] .section-footer .footer-tools .tools-div {
  margin-top: 0px;
}
html[dir=ltr] .section-footer .footer-tools .tools-div a {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ced4da;
  color: #00b1b7;
  font-size: 18px;
  font-weight: 900;
  margin: 0px 3px;
  border-radius: 5px;
}
html[dir=ltr] .section-footer .footer-tools .tools-div a:last-child {
  color: #efb334;
}
html[dir=ltr] .section-footer .footer-tools .tools-div a:first-child {
  color: #a1b32b;
}
html[dir=ltr] .section-footer .footer-tools .tools-div a:hover {
  cursor: pointer;
  color: #012943 !important;
}
html[dir=ltr] .section-footer .footer-tools .tools-sm-div {
  display: none;
  margin-top: 6px;
}
html[dir=ltr] .section-footer .footer-tools .tools-sm-div a {
  float: right;
}
html[dir=ltr] .section-footer .footer-tools .tools-sm-div a span {
  color: #012943;
  display: inline-block;
  font-size: 25px;
}
html[dir=ltr] .section-footer .footer-tools .tools-sm-div a:after {
  border: none;
}
html[dir=ltr] .section-footer .footer-tools .tools-sm-div .dropdown-menu {
  top: auto !important;
  left: -21px !important;
  transform: translate3d(0px, 0px, 0px) !important;
  bottom: 49px !important;
  background: #ffffff;
  box-shadow: none;
  border: 1px solid #ced4da;
  border-bottom: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
html[dir=ltr] .section-footer .footer-tools .tools-sm-div .dropdown-menu a {
  padding: 10px;
  border-bottom: 1px dashed #ced4da;
}
html[dir=ltr] .section-footer .footer-tools .tools-sm-div .dropdown-menu a p {
  color: #939393;
  font-size: 14px;
}
html[dir=ltr] .section-footer .footer-tools .tools-sm-div .dropdown-menu a p span {
  color: #00b1b7;
  margin-right: 10px;
  font-size: 20px;
}
html[dir=ltr] .section-footer .footer-tools .tools-sm-div .dropdown-menu a:hover {
  background: none;
}
html[dir=ltr] .section-footer .footer-tools .tools-sm-div .dropdown-menu a:first-child p span {
  color: #efb334;
}
html[dir=ltr] .section-footer .footer-tools .tools-sm-div .dropdown-menu a:last-child {
  border: none;
}
html[dir=ltr] .section-footer .footer-tools .tools-sm-div .dropdown-menu a:last-child p span {
  color: #a1b32b;
}
html[dir=ltr] .section-footer .legends {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
html[dir=ltr] .section-footer .legends div {
  margin-right: 15px;
}
html[dir=ltr] .section-footer .legends div span {
  width: 12px;
  height: 25px;
  background: #78d0d4;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
}
html[dir=ltr] .section-footer .legends div p {
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  color: #012943;
  font-weight: 300;
}
html[dir=ltr] .section-footer .legends div.warning span {
  background: #fdc977;
}
html[dir=ltr] .section-footer .legends div.success span {
  background: #cbdc5a;
}
html[dir=ltr] .section-footer .legends div.danger span {
  background: #f2a095;
}
@media only screen and (max-width: 1520px) {
  html[dir=ltr] .section-footer .legends {
    flex-grow: 1;
  }
  html[dir=ltr] .section-footer .pagination-container {
    order: 3;
    width: 100%;
    margin-top: 5px;
  }
  html[dir=ltr] .section-footer .footer-tools {
    width: 50px;
  }
  html[dir=ltr] .section-footer .footer-tools .tools-div {
    display: none;
  }
  html[dir=ltr] .section-footer .footer-tools .tools-sm-div {
    display: block;
  }
}
@media only screen and (max-width: 947px) {
  html[dir=ltr] .tools-sm-div .dropdown-menu {
    bottom: 44px !important;
  }
}
html[dir=ltr] .printable .printed {
  display: none;
}
html[dir=ltr] .printable .data-container-header {
  padding: 0px 10px;
}
html[dir=ltr] .printable .data-container-header img {
  width: 100px;
}
html[dir=ltr] .printable .data-container-header .company-data p {
  margin: 0px;
  text-align: left;
}
html[dir=ltr] .printable .data-container-header .company-data h3 {
  width: 100%;
  font-weight: 900;
  text-align: right;
  text-transform: uppercase;
  padding: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  text-align: left;
}
html[dir=ltr] .printable .data-container-header.printed {
  align-items: flex-start;
  margin-bottom: 15px;
}
html[dir=ltr] .printable .detail-data .total-div .total-data-item-total {
  margin-bottom: 0px;
}
html[dir=ltr] .printable .single-col th {
  text-align: left !important;
  padding-left: 25px !important;
}
html[dir=ltr] .printable .single-col td {
  text-align: left !important;
  padding-left: 25px !important;
}
@media print {
  html[dir=ltr] {
    /*  page-break-after:always ; */
  }
  html[dir=ltr] body {
    width: 21cm;
    height: 29.7cm;
  }
  html[dir=ltr] .comp-logo {
    display: none;
  }
  html[dir=ltr] .data-container, html[dir=ltr] .data-container-body {
    height: auto !important;
    min-height: auto !important;
  }
  html[dir=ltr] .main-container, html[dir=ltr] .data-container-body-content-main, html[dir=ltr] .data-container-body-content-main-body, html[dir=ltr] .data-table {
    height: 100% !important;
    min-height: 100% !important;
  }
  html[dir=ltr] .data-table {
    height: 100% !important;
    min-height: 100% !important;
  }
  html[dir=ltr] .data-table .dataTables_wrapper {
    height: 100% !important;
    min-height: 100% !important;
  }
  html[dir=ltr] .data-table .dataTables_wrapper .datatable-table {
    height: 100% !important;
    min-height: 100% !important;
  }
  html[dir=ltr] .data-table .dataTables_wrapper .datatable-table .dataTable {
    height: 100% !important;
    min-height: 100% !important;
  }
  html[dir=ltr] .timeline-item-body {
    border: none;
  }
  html[dir=ltr] .sidebar, html[dir=ltr] .page-header {
    display: none;
  }
  html[dir=ltr] .printed {
    display: flex !important;
  }
  html[dir=ltr] .printable {
    padding: 0px !important;
    background: #ffffff !important;
    overflow: auto !important;
    box-shadow: none !important;
  }
  html[dir=ltr] .printable .data-container {
    height: 100vh;
  }
  html[dir=ltr] .printable .data-container .data-container-header {
    margin-bottom: 15px !important;
    padding: 0px 10px !important;
  }
  html[dir=ltr] .printable .data-container .data-container-header.printed {
    display: flex !important;
  }
  html[dir=ltr] .printable .data-container .header-total {
    display: block;
  }
  html[dir=ltr] .printable .data-container .header-total .section-header-tools {
    border: none;
    border-bottom: 1px solid #012943;
  }
  html[dir=ltr] .printable .data-container .header-total .section-header-tools .legends .gbtn-o {
    border: none;
    width: auto;
    width: 50%;
    text-align: right;
  }
  html[dir=ltr] .printable .data-container .data-container-body {
    padding: 0px;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body {
    padding: 0px;
    border: none;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header {
    padding: 0px;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data h4 {
    border-color: #939393;
    font-size: 20px;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data h2 {
    margin-top: 10px;
    border-color: #939393;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-table .dataTables_wrapper .datatable-table {
    border: none !important;
    padding: 0px !important;
    height: 100% !important;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-table .dataTables_wrapper .datatable-table .table thead tr th:after, html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-table .dataTables_wrapper .datatable-table .table thead tr th:before {
    content: "";
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-table .dataTables_wrapper .datatable-table .table thead tr .tools-th {
    display: none !important;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-table .dataTables_wrapper .datatable-table .table tbody tr .tools-td {
    display: none !important;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-table .dataTables_wrapper .datatable-footer {
    display: none !important;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container {
    padding: 0px;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body h4 {
    border-color: #939393;
    font-size: 20px;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body .table thead th {
    border-color: #939393;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body .table thead .check-head {
    width: 0px !important;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body .table thead .check-head .custom-control {
    display: none !important;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body .table tbody tr {
    background: #ced4da !important;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body .table tbody tr .check-data {
    width: 0px !important;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body .table tbody tr .check-data .custom-control {
    display: none !important;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting:before, html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_asc:before, html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_desc:before, html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_asc_disabled:before, html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_desc_disabled:before {
    display: none;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting:after, html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_asc:after, html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_desc:after, html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_asc_disabled:after, html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_desc_disabled:after {
    display: none;
  }
  html[dir=ltr] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-sub {
    display: none;
  }
}
@media print {
  html[dir=ltr] .dt-print-view .table thead tr th {
    font-size: 10px !important;
  }
  html[dir=ltr] .dt-print-view .table tbody tr td {
    font-size: 10px !important;
  }
}
html[dir=ltr] .dt-print-view h1 {
  display: none;
}
html[dir=ltr] .dt-print-view .data-container-header {
  padding: 0px 5px !important;
  border-bottom: 1px solid #ced4da;
  min-height: 30px;
}
html[dir=ltr] .dt-print-view .data-container-header.header-total {
  border: none;
}
html[dir=ltr] .dt-print-view .data-container-header .section-header-main img {
  width: 100px;
  margin-right: 10px;
  height: 100px;
  object-fit: contain;
}
html[dir=ltr] .dt-print-view .data-container-header .section-header-main h3, html[dir=ltr] .dt-print-view .data-container-header .section-header-main p {
  margin: 0px;
  text-align: left;
}
html[dir=ltr] .dt-print-view .data-container-header .section-header-tools {
  border: none;
  padding: 10px 0px !important;
}
html[dir=ltr] .dt-print-view .data-container-header .section-header-tools .legends {
  padding: 0px;
}
html[dir=ltr] .dt-print-view .data-container-header .section-header-tools .legends div {
  border-right: 1px solid #ced4da;
  padding: 0px 10px;
  text-align: right;
  margin: 0px;
}
html[dir=ltr] .dt-print-view .data-container-header .section-header-tools .legends div p {
  padding: 0px;
  color: #012943;
  font-size: 14px;
}
html[dir=ltr] .dt-print-view .data-container-header .section-header-tools .legends div:last-child {
  border: none;
}
html[dir=ltr] .dt-print-view .data-container-header .section-header-tools .legends div.warning p {
  color: #efb334;
}
html[dir=ltr] .dt-print-view .data-container-header .section-header-tools .legends div.success p {
  color: #a1b32b;
}
html[dir=ltr] .dt-print-view .data-container-header .section-header-tools .legends div.danger p {
  color: #ff3333;
}
html[dir=ltr] .dt-print-view .data-container-header .section-header-tools .legends div.default p {
  color: #00b1b7;
}
html[dir=ltr] .dt-print-view .data-container-header .section-header-tools .legends .gbtn-o:hover, html[dir=ltr] .dt-print-view .data-container-header .section-header-tools .legends .gbtn-o:active, html[dir=ltr] .dt-print-view .data-container-header .section-header-tools .legends .gbtn-o:focus {
  background: none;
}
html[dir=ltr] .dt-print-view .table {
  padding: 15px;
  border-collapse: collapse !important;
  margin: 0px !important;
}
html[dir=ltr] .dt-print-view .table thead tr th {
  border: 1px solid #ced4da;
  font-size: 12px;
  padding: 0.5rem 0.25rem;
}
html[dir=ltr] .dt-print-view .table tbody tr td {
  border: 1px solid #ced4da;
  font-size: 12px;
  padding: 0.2rem 0.25rem;
}
html[dir=ltr] .error-body {
  background: #00b1b7;
  color: #ffffff;
  max-height: 700px;
  overflow: hidden;
  /*             hr:after {
                  content: "\2022";
                  display: inline-block;
                  position: relative;
                  top: -0.75em;
                  font-size: 2em;
                  padding: 0 0.2em;
                  background: $SubColorLight;;
              } */
}
html[dir=ltr] .error-body .c {
  text-align: center;
  display: block;
  position: relative;
  width: 80%;
  margin: 100px auto;
}
html[dir=ltr] .error-body ._404 {
  font-size: 220px;
  position: relative;
  display: inline-block;
  z-index: 2;
  height: 250px;
  letter-spacing: 15px;
}
html[dir=ltr] .error-body ._1 {
  text-align: center;
  display: block;
  position: relative;
  letter-spacing: 12px;
  font-size: 4em;
  line-height: 80%;
  text-transform: uppercase;
}
html[dir=ltr] .error-body ._2 {
  text-align: center;
  display: block;
  position: relative;
  font-size: 20px;
  text-transform: uppercase;
}
html[dir=ltr] .error-body .text {
  font-size: 70px;
  text-align: center;
  position: relative;
  display: inline-block;
  margin: 19px 0px 0px 0px;
  /* top: 256.301px; */
  z-index: 3;
  width: 100%;
  line-height: 1.2em;
  display: inline-block;
}
html[dir=ltr] .error-body .btn {
  background-color: white;
  position: relative;
  display: inline-block;
  width: 358px;
  padding: 5px;
  z-index: 5;
  font-size: 25px;
  margin: 0 auto;
  color: #00b1b7;
  text-decoration: none;
  margin-right: 10px;
  text-transform: uppercase;
}
html[dir=ltr] .error-body .right {
  float: right;
  width: 60%;
}
html[dir=ltr] .error-body hr {
  padding: 0;
  border: none;
  border-top: 5px solid #fff;
  color: #fff;
  text-align: center;
  margin: 0px auto;
  width: 420px;
  height: 10px;
  z-index: -10;
}
html[dir=ltr] .error-body hr.fc-hr {
  padding: 0;
  border: none;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 2px;
  z-index: -10;
}
html[dir=ltr] .error-body .cloud {
  width: 350px;
  height: 120px;
  background: #FFF;
  background: linear-gradient(top, #FFF 100%);
  background: -webkit-linear-gradient(top, #FFF 100%);
  background: -moz-linear-gradient(top, #FFF 100%);
  background: -ms-linear-gradient(top, #FFF 100%);
  background: -o-linear-gradient(top, #FFF 100%);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  z-index: -1;
  transition: ease 1s;
}
html[dir=ltr] .error-body .cloud:after, html[dir=ltr] .error-body .cloud:before {
  content: "";
  position: absolute;
  background: #FFF;
  z-index: -1;
}
html[dir=ltr] .error-body .cloud:after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
}
html[dir=ltr] .error-body .cloud:before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
}
html[dir=ltr] .error-body .x1 {
  top: -50px;
  left: 100px;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
  opacity: 0.9;
  -webkit-animation: moveclouds 15s linear infinite;
  -moz-animation: moveclouds 15s linear infinite;
  -o-animation: moveclouds 15s linear infinite;
}
html[dir=ltr] .error-body .x1_5 {
  top: -80px;
  left: 250px;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-animation: moveclouds 17s linear infinite;
  -moz-animation: moveclouds 17s linear infinite;
  -o-animation: moveclouds 17s linear infinite;
}
html[dir=ltr] .error-body .x2 {
  left: 250px;
  top: 30px;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 0.6;
  -webkit-animation: moveclouds 25s linear infinite;
  -moz-animation: moveclouds 25s linear infinite;
  -o-animation: moveclouds 25s linear infinite;
}
html[dir=ltr] .error-body .x3 {
  left: 250px;
  bottom: -70px;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 0.8;
  -webkit-animation: moveclouds 25s linear infinite;
  -moz-animation: moveclouds 25s linear infinite;
  -o-animation: moveclouds 25s linear infinite;
}
html[dir=ltr] .error-body .x4 {
  left: 470px;
  botttom: 20px;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  transform: scale(0.75);
  opacity: 0.75;
  -webkit-animation: moveclouds 18s linear infinite;
  -moz-animation: moveclouds 18s linear infinite;
  -o-animation: moveclouds 18s linear infinite;
}
html[dir=ltr] .error-body .x5 {
  left: 200px;
  top: 300px;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0.8;
  -webkit-animation: moveclouds 20s linear infinite;
  -moz-animation: moveclouds 20s linear infinite;
  -o-animation: moveclouds 20s linear infinite;
}
@-webkit-keyframes moveclouds {
  0% {
    margin-left: 1000px;
  }
  100% {
    margin-left: -1000px;
  }
}
@-moz-keyframes moveclouds {
  0% {
    margin-left: 1000px;
  }
  100% {
    margin-left: -1000px;
  }
}
@-o-keyframes moveclouds {
  0% {
    margin-left: 1000px;
  }
  100% {
    margin-left: -1000px;
  }
}
html[dir=ltr] .data-section .data-container-header {
  padding-bottom: 6px;
  padding-top: 10px;
  padding-right: 15px;
  padding-left: 20px;
  align-items: flex-end;
}
html[dir=ltr] .data-section .data-container-body .data-container-body-content .data-container-body-content-sub .main-container {
  margin-top: 0px;
}
html[dir=ltr] .data-container-header {
  flex-direction: row;
  padding: 15px 20px;
}
html[dir=ltr] .data-container-header .section-header-main {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  padding: 7px 0px;
  flex-wrap: wrap;
}
html[dir=ltr] .data-container-header .section-header-main span {
  background: #a1b32b;
  color: #ffffff;
  width: 45px;
  height: 45px;
  font-size: 23px;
  border-radius: 5px;
}
html[dir=ltr] .data-container-header .section-header-main span:before {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .data-container-header .section-header-main span:first-child {
  background: #00b1b7;
}
html[dir=ltr] .data-container-header .section-header-main .data {
  margin-left: 10px;
}
html[dir=ltr] .data-container-header .section-header-main .data h4 {
  font-size: 22px;
  font-family: "OpenSans";
  font-weight: 900;
  text-align: left;
  color: #025ca0;
}
html[dir=ltr] .data-container-header .section-header-main .data p {
  color: #939393;
  margin: 0px;
  font-weight: 100;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0px;
  justify-content: flex-end;
  display: none;
}
html[dir=ltr] .data-container-header .section-header-main .data p span {
  color: #939393;
  font-size: 14px;
  margin-left: 5px;
  padding: 0;
  background: none;
}
html[dir=ltr] .data-container-header .section-header-main .data p span:first-child {
  margin-right: 5px;
  margin-left: 0px;
}
html[dir=ltr] .data-container-header .section-header-main .data .breadcrumb {
  padding: 0px;
  background: none;
  margin-bottom: 0px;
}
html[dir=ltr] .data-container-header .section-header-main .data .breadcrumb .breadcrumb-item a {
  color: #025ca0;
  font-size: 15px;
}
html[dir=ltr] .data-container-header .section-header-main .data .breadcrumb .breadcrumb-item a:hover {
  color: #a1b32b;
}
html[dir=ltr] .data-container-header .section-header-main .data .breadcrumb .breadcrumb-item.active {
  font-size: 15px;
  color: #025ca0;
}
html[dir=ltr] .data-container-header .section-header-main .data .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  font-size: 14px;
  color: #025ca0;
}
html[dir=ltr] .data-container-header .section-header-main .nav {
  align-items: center;
  padding: 10px 15px;
  border-left: 1px solid #ced4da;
  margin-left: 15px;
}
html[dir=ltr] .data-container-header .section-header-main .nav .nav-item {
  /* min-width: 125px; */
}
html[dir=ltr] .data-container-header .section-header-main .nav .nav-item a {
  color: #025ca0;
  font-weight: 100;
}
html[dir=ltr] .data-container-header .section-header-main .nav .nav-item .active {
  background: transparent;
  color: #00b1b7;
  font-weight: 700;
}
html[dir=ltr] .data-container-header .section-header-main .nav .nav-item .disabled {
  pointer-events: none;
}
html[dir=ltr] .data-container-header .section-header-sub {
  min-width: 20%;
  display: block;
  margin-left: auto;
  padding: 10px;
}
html[dir=ltr] .data-container-header .section-header-sub p {
  color: #012943;
  margin: 0px;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0px;
  justify-content: flex-end;
}
html[dir=ltr] .data-container-header .section-header-sub p span {
  color: #012943;
  margin-left: 5px;
}
html[dir=ltr] .data-container-header .section-header-sub p span:first-child {
  margin-right: 5px;
  margin-left: 0px;
}
html[dir=ltr] .data-container-header .section-header-sub h3 {
  width: 100%;
  font-weight: 900;
  text-align: right;
  text-transform: uppercase;
  padding: 10px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-size: 2.7vw;
}
html[dir=ltr] .data-container-header .section-header-tools {
  display: flex;
  flex-wrap: wrap;
  background: #ffffff;
  padding: 10px 15px;
  border-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border: 1px solid #ced4da;
  margin-left: auto;
}
html[dir=ltr] .data-container-header .section-header-tools .data-container-body-header-controls {
  justify-content: flex-end;
  margin: 0 auto;
  align-items: center;
}
html[dir=ltr] .data-container-header .section-header-tools .data-container-body-header-controls select {
  padding: 6px;
  margin-left: 3px;
  margin-right: 3px;
  border: 1px solid #ced4da;
  letter-spacing: 0.5px;
  min-width: 200px;
  max-width: 200px;
}
html[dir=ltr] .data-container-header .section-header-tools .data-container-body-header-controls .select2 {
  margin-left: 3px;
  margin-right: 3px;
  letter-spacing: 0.5px;
  min-width: 200px;
  max-width: 200px;
}
html[dir=ltr] .data-container-header .section-header-tools .data-container-body-header-controls button, html[dir=ltr] .data-container-header .section-header-tools .data-container-body-header-controls a {
  padding: 9px 15px;
  font-weight: 300;
}
html[dir=ltr] .data-container-header .section-header-tools .data-container-body-header-controls .icon-gbtn .title {
  display: none;
}
html[dir=ltr] .data-container-header .section-header-tools .data-container-body-header-controls .multi-delete-btn {
  display: none;
}
html[dir=ltr] .data-container-header .section-header-tools .data-container-body-header-controls label {
  border: 2px solid #ff3333;
  padding: 4.5px 25px;
  color: #ff3333;
  font-size: 18px;
  border-radius: 5px;
  font-weight: 900;
  font-family: "OpenSans";
  text-align: center;
  margin-bottom: 0px;
  margin-right: 5px;
}
html[dir=ltr] .data-container-header .section-header-tools .data-container-body-header-controls label span {
  margin: 0px 1px;
  float: left;
}
html[dir=ltr] .data-container-header .section-header-tools .data-container-body-header-controls .active {
  color: #a1b32b;
  border-color: #a1b32b;
}
html[dir=ltr] .data-container-header .section-header-tools .legends {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 6px;
}
html[dir=ltr] .data-container-header .section-header-tools .legends div {
  margin-right: 15px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
html[dir=ltr] .data-container-header .section-header-tools .legends div span {
  width: 12px;
  height: 25px;
  background: #78d0d4;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
}
html[dir=ltr] .data-container-header .section-header-tools .legends div p {
  display: flex;
  padding-left: 10px;
  vertical-align: middle;
  margin: 0px;
  color: #025ca0;
  font-weight: 300;
}
html[dir=ltr] .data-container-header .section-header-tools .legends div p span {
  background: none !important;
  width: auto;
}
html[dir=ltr] .data-container-header .section-header-tools .legends div p span::before {
  content: ":";
  margin: 0px 5px;
}
html[dir=ltr] .data-container-header .section-header-tools .legends div.warning span {
  background: #fdc977;
}
html[dir=ltr] .data-container-header .section-header-tools .legends div.success span {
  background: #cbdc5a;
}
html[dir=ltr] .data-container-header .section-header-tools .legends div.danger span {
  background: #f2a095;
}
html[dir=ltr] .data-container-header .section-header-tools.tools-show {
  animation-name: ToolsShow;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
html[dir=ltr] .data-container-header .section-header-tools.tools-hide {
  animation-name: ToolsHide;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
html[dir=ltr] .data-container-header .flow-tools {
  position: fixed;
  right: 0px;
  top: 50%;
  z-index: 9;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 6px !important;
  padding: 10px 5px 15px 5px;
}
html[dir=ltr] .data-container-header .flow-tools .legends {
  display: none;
}
html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls {
  flex-direction: column;
}
html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls .controls-section {
  flex-direction: column;
}
html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls .controls-section a {
  width: 40px;
  height: 35px;
}
html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls .controls-section.br {
  border: none !important;
}
html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls .controls-section.navigate-controls {
  display: none;
}
html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls button span, html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls a span {
  display: none;
}
html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls button:before, html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls a:before {
  margin-right: 0px;
}
html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls button .title, html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls a .title {
  display: none;
  position: absolute;
  font-weight: 300;
  font-size: 14px;
  background: #00b1b7;
  padding: 6px 12px;
  right: 68px;
  white-space: nowrap;
}
html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls button .title.tools-show, html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls a .title.tools-show {
  animation-name: ToolsShow;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls button .title.tools-hide, html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls a .title.tools-hide {
  animation-name: ToolsHide;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls button:hover .title, html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls a:hover .title {
  display: block !important;
}
html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls ul {
  flex-basis: auto;
  flex-direction: column;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  position: relative;
}
html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls label, html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls select, html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls .select2 {
  display: none;
}
html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls .gbtn-danger .title {
  background: #ff3333;
}
html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls .gbtn-warning .title {
  background: #efb334;
}
html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls .gbtn-dark .title {
  background: #012943;
}
html[dir=ltr] .data-container-header .flow-tools .data-container-body-header-controls .gbtn-success .title {
  background: #a1b32b;
}
html[dir=ltr] .data-container-header .flow-tools.tools-in {
  animation-name: ToolsSlidingInRight;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
html[dir=ltr] .data-container-header .flow-tools.tools-out {
  animation-name: ToolsSlidingOutRight;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
html[dir=ltr] .data-container-header.header-total {
  padding: 0px 0px 5px 0px;
}
html[dir=ltr] .data-container-header.header-total .flow-tools {
  display: none;
}
html[dir=ltr] .data-container-header.header-total .section-header-tools {
  border-radius: 0px;
  border-top-right-radius: 5px;
}
html[dir=ltr] .data-container-header.header-total .section-header-tools .legends {
  padding: 0px;
}
html[dir=ltr] .data-container-header.header-total .section-header-tools .legends div {
  border-right: 1px solid #ced4da;
  padding: 0px 10px;
  text-align: right;
  margin: 0px;
}
html[dir=ltr] .data-container-header.header-total .section-header-tools .legends div p {
  padding: 0px;
  color: #012943;
}
html[dir=ltr] .data-container-header.header-total .section-header-tools .legends div:last-child {
  border: none;
}
html[dir=ltr] .data-container-header.header-total .section-header-tools .legends div.warning p {
  color: #efb334;
}
html[dir=ltr] .data-container-header.header-total .section-header-tools .legends div.success p {
  color: #a1b32b;
}
html[dir=ltr] .data-container-header.header-total .section-header-tools .legends div.danger p {
  color: #ff3333;
}
html[dir=ltr] .data-container-header.header-total .section-header-tools .legends div.default p {
  color: #00b1b7;
}
html[dir=ltr] .data-container-header.header-total .section-header-tools .legends .gbtn-o:hover, html[dir=ltr] .data-container-header.header-total .section-header-tools .legends .gbtn-o:active, html[dir=ltr] .data-container-header.header-total .section-header-tools .legends .gbtn-o:focus {
  background: none;
}
html[dir=ltr] .data-search-header {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 5px;
  direction: ltr;
}
html[dir=ltr] .data-search-header .form-group {
  margin-bottom: 0px;
}
html[dir=ltr] .data-search-header .form-group span {
  position: absolute;
  margin: 7px 14px;
  font-size: 25px;
  color: #012943;
  border-right: 1px solid #ced4da;
  padding-right: 10px;
  left: 0px;
}
html[dir=ltr] .data-search-header .form-group input {
  border-radius: 0px;
  padding-left: 55px;
  border-top-left-radius: 6px;
  font-size: 16px;
}
html[dir=ltr] .data-search-header .form-group input::placeholder, html[dir=ltr] .data-search-header .form-group input:-ms-input-placeholder html[dir=ltr] .data-search-header .form-group input::-ms-input-placeholder {
  color: #ced4da;
}
html[dir=ltr] .data-search-header .form-group input:focus, html[dir=ltr] .data-search-header .form-group input:active {
  outline: none;
  box-shadow: none;
}
@media only screen and (max-width: 1200px) {
  html[dir=ltr] .data-container-header .section-header-main p {
    display: block !important;
  }
  html[dir=ltr] .data-container-header .section-header-sub {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  html[dir=ltr] .data-container-header .section-header-main .nav {
    border: none;
    margin-left: 0px;
    padding: 10px;
  }
}
@keyframes ToolsHide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes ToolsShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ToolsSlidingOutLeft {
  from {
    opacity: 1;
    left: 0px;
  }
  to {
    opacity: 0;
    left: -65px;
  }
}
@keyframes ToolsSlidingInLeft {
  from {
    opacity: 0;
    left: -65px;
  }
  to {
    opacity: 1;
    left: 0px;
  }
}
@keyframes ToolsSlidingOutRight {
  from {
    opacity: 1;
    right: 0px;
  }
  to {
    opacity: 0;
    right: -65px;
  }
}
@keyframes ToolsSlidingInRight {
  from {
    opacity: 0;
    right: -65px;
  }
  to {
    opacity: 1;
    right: 0px;
  }
}
html[dir=ltr] .data-container-body {
  padding: 0px 15px;
  align-items: flex-start;
}
html[dir=ltr] .data-container-body .data-container-body-header {
  padding: 10px 15px;
  min-height: 58px;
  width: 100%;
  background: #ffffff;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border: 1px solid #ced4da;
  align-items: center;
  margin-bottom: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-header h4 {
  margin-right: 20px;
  color: #00b1b7;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 0px;
  font-family: "OpenSans";
  padding: 8px;
  padding-right: 14px;
  padding-left: 5px;
  line-height: 18px;
}
html[dir=ltr] .data-container-body .data-container-body-header .data-container-body-header-controls {
  justify-content: flex-start;
  margin-left: auto;
  align-items: center;
}
html[dir=ltr] .data-container-body .data-container-body-header .data-container-body-header-controls a {
  padding: 9px 14px;
  font-weight: 700;
}
html[dir=ltr] .data-container-body .data-container-body-header .data-container-body-header-controls label {
  border: 2px solid #ff3333;
  padding: 2.5px 20px;
  color: #ff3333;
  font-size: 18px;
  border-radius: 5px;
  font-weight: 900;
  font-family: "OpenSans";
  text-align: center;
  margin-bottom: 0px;
  margin-right: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-header .data-container-body-header-controls label span {
  margin: 0px 1px;
  float: left;
}
html[dir=ltr] .data-container-body .data-container-body-header .data-container-body-header-controls .active {
  color: #a1b32b;
  border-color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-header .legends {
  flex-direction: row;
  justify-content: flex-end;
  border-left: 1px solid #ced4da;
  align-items: center;
}
html[dir=ltr] .data-container-body .data-container-body-header .legends div {
  margin-right: 15px;
}
html[dir=ltr] .data-container-body .data-container-body-header .legends div span {
  width: 12px;
  height: 25px;
  background: #78d0d4;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
}
html[dir=ltr] .data-container-body .data-container-body-header .legends div p {
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  color: #012943;
  font-weight: 300;
}
html[dir=ltr] .data-container-body .data-container-body-header .legends div.warning span {
  background: #fdc977;
}
html[dir=ltr] .data-container-body .data-container-body-header .legends div.success span {
  background: #cbdc5a;
}
html[dir=ltr] .data-container-body .data-container-body-header .legends div.danger span {
  background: #f2a095;
}
@media only screen and (max-width: 1200px) {
  html[dir=ltr] .data-container-body .data-container-body-header {
    /* div:first-child{ 
        width:100%;
        h4{margin-right:auto;}
    } */
  }
  html[dir=ltr] .data-container-body .data-container-body-header .data-container-body-header-controls {
    width: 100%;
    margin-top: 10px;
  }
  html[dir=ltr] .data-container-body .data-container-body-header .data-container-body-header-controls a, html[dir=ltr] .data-container-body .data-container-body-header .data-container-body-header-controls label {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 545px) {
  html[dir=ltr] .data-container-body .data-container-body-header div:first-child {
    padding-bottom: 0px;
  }
  html[dir=ltr] .data-container-body .data-container-body-header div:first-child select {
    margin-left: 0px;
    margin-top: 10px;
  }
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main {
  align-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body {
  min-height: calc(100vh - 240px);
  background: #ffffff;
  border-radius: 6px;
  border-top-left-radius: 6px;
  border: 1px solid #ced4da;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 3px 5px;
  flex-direction: row;
  margin-bottom: 4px;
  position: relative;
  border-top-right-radius: 0px;
  overflow-y: auto;
  overflow-x: hidden;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.h145 {
  height: calc(100vh - 145px);
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content {
  border-bottom: 1px solid #ced4da;
  padding-bottom: 10px;
  align-items: flex-start;
  /* button{
      padding: 9px 14px;
      font-weight: 700;
  } */
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content h4 {
  font-size: 16px;
  font-weight: 700;
  padding: 5px;
  width: 100%;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .logo {
  width: 115px;
  height: 115px;
  margin-right: 10px;
  position: relative;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .logo img {
  width: 100%;
  height: 100%;
  background: none;
  border-radius: 6px;
  background: #f0f0f0;
  padding: 10px;
  object-fit: cover;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .logo label {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  width: 100%;
  height: 100%;
  font-size: 50px;
  position: absolute;
  top: 0px;
  background: none;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(206, 212, 218, 0.8);
  display: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .logo label:hover {
  cursor: pointer;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .logo:hover {
  cursor: pointer;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .logo:hover label {
  display: flex;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-end;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section {
  padding: 0 2px;
  justify-content: flex-end;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .well-div {
  padding: 3px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .well-div .stacked-data .stacked-div input {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-header {
  width: 100%;
  justify-content: flex-start;
  margin-bottom: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-header h2 {
  padding: 15px;
  border-bottom: 1px solid #ced4da;
  font-weight: 700;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-header h5 {
  font-size: 14px;
  font-weight: 900;
  width: unset;
  text-align: left;
  margin: 5px 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-header .main-data-header-tools {
  margin-left: auto;
  margin-bottom: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-body {
  width: 100%;
  justify-content: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-body p {
  font-size: 25px;
  font-weight: 100;
  text-align: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-body p span {
  font-weight: 300;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-footer {
  width: 100%;
  justify-content: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-footer h3 {
  padding: 15px;
  font-weight: 100;
  text-align: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-footer .seginture h3 {
  font-weight: 700;
  font-size: 1.8vw;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-footer .unfill-input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 13px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-footer .unfill-input span {
  font-size: 25px;
  margin-right: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-footer .unfill-input label {
  width: auto;
  margin-right: 10px !important;
  margin-bottom: 0px !important;
  font-size: 16px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-footer .unfill-input input {
  width: auto;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .header-btn {
  margin-left: auto;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-row {
  align-items: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group label {
  margin: 0px;
  font-size: 14px;
  width: 100%;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group input {
  border-color: #ced4da;
  border-radius: 0px;
  color: #00b1b7;
  padding-top: 3px;
  padding-bottom: 3px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group .payment-btn {
  position: absolute;
  bottom: 6px;
  left: 10px;
  font-size: 20px;
  color: #00b1b7;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group .payment-btn:hover, html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group .payment-btn:focus, html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group .payment-btn:active {
  cursor: pointer;
  color: #012943;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group input[type=file] {
  padding: 3px !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group ::placeholder {
  color: #ced4da;
  font-size: 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group :-ms-input-placeholder {
  color: #ced4da;
  font-size: 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group ::-ms-input-placeholder {
  color: #ced4da;
  font-size: 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group input:active, html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group input:focus {
  box-shadow: none;
  outline: none;
  border-color: #00b1b7;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group .select2-selection {
  border-color: #ced4da;
  border-radius: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group .select2-search input {
  border: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-header {
  font-size: 16px;
  font-weight: 700;
  padding: 10px 15px;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-btns button {
  min-height: 38px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data button {
  padding: 6px 16px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-tools a {
  padding: 9px 14px;
  font-weight: 700;
  margin: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-tools label {
  border: 2px solid #ff3333;
  padding: 2.5px 20px;
  color: #ff3333;
  font-size: 18px;
  border-radius: 5px;
  font-weight: 900;
  font-family: "OpenSans";
  text-align: center;
  margin-bottom: 5px;
  width: 100%;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-tools .active {
  color: #a1b32b;
  border-color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data {
  border-left: 1px solid #ced4da;
  padding: 10px 15px;
  padding-right: 0px;
  padding-left: 10px;
  align-content: flex-start;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .payment-div {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .payment-div h4 {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .payment-div input {
  border: none;
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item {
  align-items: center;
  justify-content: flex-end;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item p {
  font-size: 16px;
  margin: 0px;
  text-align: right;
  margin-right: auto;
  font-weight: 300;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item span {
  margin: 0px 3px;
  font-size: 16px;
  font-weight: 900;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item.danger span {
  color: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item.warning span {
  color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item.default span {
  color: #00b1b7;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .divider {
  border-bottom: 1px solid #ced4da;
  height: 0px;
  margin: 5px 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item-total {
  margin-bottom: 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item-total h4 {
  margin: 0px;
  margin-right: auto;
  font-weight: 700;
  font-size: 25px;
  width: auto;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item-total span {
  margin: 0px 3px;
  font-weight: 700;
  font-size: 25px;
  color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-footer {
  justify-content: flex-end;
  align-items: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data.detail-data {
  border: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .data-desc-header-content-footer {
  justify-content: flex-start;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container {
  padding-top: 10px;
  padding-bottom: 10px;
  align-items: flex-start;
  align-items: flex-start;
  justify-content: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .form-check {
  margin-top: 29px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .stretch {
  align-items: stretch !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body {
  padding: 15px 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .totals-form-section {
  justify-content: flex-end;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .totals-form-section .detail-data input {
  border: none;
  padding: 0px !important;
  text-transform: uppercase;
  color: #a1b32b !important;
  background: none;
  line-height: 0px !important;
  font-weight: 700;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .totals-form-section .detail-data input.danger {
  color: #ff3333 !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .totals-form-section .detail-data input.warning {
  color: #efb334 !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body h3 {
  margin: 0px 15px;
  padding: 5px 0px;
  width: 100%;
  text-align: left;
  font-weight: 300;
  font-size: 18px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body h4 {
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body h5 {
  font-size: 14px;
  font-weight: 900;
  width: 100%;
  text-align: left;
  margin: 5px 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .custom-control {
  padding-left: 1.5rem !important;
  padding-right: 0 !important;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .form-section-mainheader {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #ced4da;
  padding-bottom: 10px;
  margin-top: 5px;
  margin-bottom: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .form-section-mainheader h4 {
  width: auto;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .form-section-mainheader .inner-form-tools {
  justify-content: flex-end;
  padding: 0px;
  margin-bottom: 3px;
  margin-left: auto;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .form-section-mainheader .inner-form-tools .gbtn {
  padding: 8px 12px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .total-div .divider {
  border-bottom: 1px solid #ced4da;
  height: 0px;
  margin: 5px 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .total-div .total-data-item-total {
  margin-bottom: 15px;
  justify-content: flex-end;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .total-div .total-data-item-total h4 {
  margin: 0px;
  margin-right: 20px;
  font-weight: 700;
  font-size: 25px;
  width: auto;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .total-div .total-data-item-total span {
  margin: 0px 3px;
  font-weight: 700;
  font-size: 25px;
  color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .inner-form-tools button {
  margin-left: auto;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list {
  /*  .form-list-item:last-child{
                          border: none;
                      }
                      .form-list-item:first-child{
                          .form-group{
                              label:first-child{
                                  visibility: visible;
                              }
                          }
                      } */
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-left: 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-header .form-group {
  margin: 0px;
  padding-left: 0px !important;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-header .form-group.form-group-check {
  display: flex;
  justify-content: center;
  align-content: center;
  min-width: 85px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  background: #fbfbfb;
  border-left: 10px solid #78d0d4;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-right: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-content {
  align-items: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-content .form-group {
  margin: 0px;
  padding-left: 0px !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-content .form-group label:first-child {
  display: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-content .form-group .ValidationMessage {
  margin: -25px 25px;
  z-index: 99;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-content .form-group .custom-control {
  padding-left: 1.5rem !important;
  padding-right: 0 !important;
  margin: 0px !important;
  /* label{
      padding-left: $CustomCheckPadding !important;
  } */
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-content .form-group.form-group-check {
  display: flex;
  justify-content: center;
  align-content: center;
  min-width: 85px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-tools {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-tools a {
  font-size: 20px;
  /*  margin-top: 20px; */
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-tools a:hover {
  color: #ff3333;
  cursor: pointer;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .br-top {
  border-top: 1px solid #ced4da;
  padding-top: 15px;
  padding-bottom: 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .br-bottom {
  border-bottom: 1px solid #ced4da;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .connection-div {
  border-top: 1px solid #ced4da;
  padding: 20px 15px;
  margin-top: 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .connection-div .form-section .form-body {
  padding: 5px 0px;
  /* .form-group:first-child{
      padding-left:0px;
  }
  .form-group:last-child{
      padding-right:0px;
  } */
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item {
  justify-content: flex-end;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item .section-header {
  padding: 15px 5px;
  border-bottom: 1px solid #ced4da;
  margin-bottom: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item .service-item {
  padding: 15px 0px;
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item .service-item .service-item-head {
  font-family: "OpenSans";
  padding: 5px 15px;
  width: 100%;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item .service-item .service-item-head:before {
  font-family: fontawesome;
  margin-right: 5px;
  display: inline-block;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item .service-item .service-item-head:hover {
  cursor: pointer;
  color: #00b1b7;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item .service-item:last-child {
  border: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item .result-table .data-table .dataTables_wrapper {
  padding-top: 0px !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item:first-child {
  margin-bottom: 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item:first-child {
  margin-bottom: 0px !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .payment-div {
  border-top: 1px solid #ced4da;
  padding: 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .payment-div h4 {
  font-weight: 700;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list {
  list-style: none;
  padding: 10px;
  padding-right: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content {
  border-bottom: 1px solid #ced4da;
  border-left: 10px solid #efb334;
  border-radius: 0px;
  padding: 10px;
  min-height: 45px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content h4 {
  width: auto;
  padding: 0px;
  margin: 0px;
  margin-right: 50px;
  font-weight: 300;
  font-size: 16px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content .list-item-content-tools {
  border-left: 1px solid #ced4da;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 15px;
  display: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content .list-item-content-tools a {
  margin-right: 8px;
  font-size: 17px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content .list-item-content-tools a.fa-plus {
  font-size: 20px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content .list-item-content-tools a.fa-trash {
  font-size: 20px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content .list-item-content-tools a:hover {
  cursor: pointer;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content .list-item-content-tools a.fa-trash:hover {
  color: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content .list-item-content-tools a.fa-plus:hover {
  color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content .list-item-content-tools a.gicon-edit:hover {
  color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content:hover {
  cursor: pointer;
  border-left-color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content:hover .list-item-content-tools {
  display: block;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content:hover h4 {
  color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list {
  padding-top: 0px;
  padding-bottom: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item label {
  color: #012943;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-main-node {
  background: #fbfbfb;
  border-left: 10px solid #00b1b7;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-main-node h4 {
  font-weight: 900;
  font-size: 18px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-main-node-label {
  font-weight: 900;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item:hover label {
  cursor: pointer;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list.roles-list .custom-control {
  margin: 0px !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body.tab-content {
  border-left: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body.tab-content-list {
  padding: 0px 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .body-side {
  border-right: 1px solid #ced4da;
  min-height: 100%;
  position: relative;
  align-content: flex-start;
  display: flex;
  flex-wrap: wrap;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .body-side .body-side-header {
  padding: 0px 5px;
  width: 100%;
  display: flex;
  align-items: center;
  align-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .body-side .body-side-header h5 {
  margin: 0px;
  color: #012943;
  display: flex;
  flex-direction: row;
  margin-right: auto;
  align-items: center;
  text-align: center;
  font-family: "OpenSans";
  font-size: 25px;
  font-weight: 100;
  padding: 17px 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .body-main-div {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  padding: 10px 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .body-main-div .body-main-header {
  border-bottom: 1px solid #ced4da;
  padding-bottom: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .body-main-div .body-main-header h3 {
  font-weight: 900;
  margin: 0px;
  text-align: left;
  font-family: "OpenSans";
  font-size: 25px;
  margin-right: auto;
  padding: 10px 0px;
  color: #012943;
  width: auto;
  border: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .body-main-div .body-main-header h3:before {
  font-family: fontawesome;
  margin-right: 10px;
  font-weight: 100;
  display: inline-block;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .body-main-div .body-main-header .form-group {
  margin: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data {
  padding: 10px 15px;
  padding-right: 0px;
  padding-left: 0px;
  align-content: flex-start;
  justify-content: flex-end;
  margin-left: auto;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .payment-div {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .payment-div h4 {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .payment-div input {
  border: none;
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .sum-values {
  border-right: 1px solid #ced4da;
  align-content: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item {
  align-items: center;
  justify-content: flex-end;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item p {
  font-size: 16px;
  margin: 0px;
  text-align: right;
  margin-right: auto;
  font-weight: 300;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item span {
  margin: 0px 3px;
  font-size: 16px;
  font-weight: 900;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item.danger span {
  color: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item.warning span {
  color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item.default span {
  color: #00b1b7;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .divider {
  border-bottom: 1px solid #ced4da;
  height: 0px;
  margin: 5px 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item-total {
  padding: 0px 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item-total h4 {
  margin: 0px;
  margin-right: auto;
  font-weight: 700;
  font-size: 25px;
  padding-bottom: 0px;
  width: auto;
  text-align: left;
  border: none !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item-total p {
  margin: 0px;
  margin-right: auto;
  font-weight: 700;
  font-size: 14px;
  width: 100%;
  color: #efb334;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item-total span {
  margin: 0px 3px;
  font-weight: 700;
  font-size: 25px;
  color: #a1b32b;
  line-height: 25px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-footer {
  justify-content: flex-end;
  align-items: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data.detail-data {
  border: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list-collapse-item a h4 {
  margin: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list-collapse-item .list-collapse-item-container .header {
  padding: 10px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list-collapse-item .list-collapse-item-container .header .form-group {
  margin-bottom: 0px;
  display: flex;
  align-items: baseline;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list-collapse-item .list-collapse-item-container .header .form-group .form-control {
  width: auto;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list-collapse-item .list-collapse-item-container .header .form-group label:after {
  content: ":";
  margin-left: 5px;
  margin-right: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list-collapse-item .list-collapse-item-container .header .form-group input {
  color: #00b1b7 !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item {
  padding: 5px 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-header .header-data {
  margin-right: auto;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-header .header-data h6:first-child {
  margin-left: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-header .header-data h6 {
  padding: 5px 8px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-header .header-data a {
  margin-left: 0px;
  padding: 3px 14px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-header .header-tools {
  display: flex;
  flex-direction: row;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-header .header-tools a {
  height: 30px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-header .header-tools .collapse-icon {
  transition: all 0.1s linear;
  transform-origin: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body {
  margin-left: 2.5vw;
  border-left: 5px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item {
  margin: 5px;
  margin-left: -26px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item .timeline-icon {
  background: #fbfbfb;
  width: 50px;
  height: 50px;
  margin-right: 15px;
  border-radius: 25px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 1px #939393;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item .timeline-icon span {
  color: #00b1b7;
  font-size: 22px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item .item-content {
  background: #fbfbfb;
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0px;
  padding-right: 25px;
  padding-left: 5px;
  box-shadow: 0px 0px 1px #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item .item-content h6 {
  color: #00b1b7;
  padding: 10px;
  margin: 0px;
  font-weight: 900;
  line-height: 1.5;
  min-width: 110px;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item .item-content p {
  padding: 10px;
  color: #939393;
  border-left: 3px solid #00b1b7;
  margin: 0px;
  padding-right: 0px;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item .item-complain {
  border-left: 8px solid #012943;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item .item-complain h6 {
  color: #012943;
  margin: 0px 10px;
  padding: 0px;
  padding-top: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item .item-complain p {
  border: none;
  padding-top: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.success-item span {
  color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.success-item .item-content h6 {
  color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.success-item .item-content p {
  border-color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.warning-item span {
  color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.warning-item .item-content h6 {
  color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.warning-item .item-content p {
  border-color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.danger-item span {
  color: #d41212;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.danger-item .item-content h6 {
  color: #d41212;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.danger-item .item-content p {
  border-color: #d41212;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.dark-item span {
  color: #012943;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.dark-item .item-content h6 {
  color: #012943;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.dark-item .item-content p {
  border-color: #012943;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item.open .timeline-item-header .header-tools .timeline-collapse-icon {
  transform: rotate(-180deg);
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section {
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  justify-content: flex-start;
  flex-wrap: wrap;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav {
  padding: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav.br {
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav .nav-item {
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav .nav-item a {
  position: relative;
  color: #012943;
  padding-bottom: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav .nav-item a .tab-indicator {
  height: 4px;
  width: 100%;
  background: #cbdc5a;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  display: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav .nav-item a.active {
  background: none;
  color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav .nav-item a.active .tab-indicator {
  display: block;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav .nav-item a:hover, html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav .nav-item a:focus, html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav .nav-item a:active {
  color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav.br {
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav.br .nav-item {
  border: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content {
  padding-right: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane {
  padding-right: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane.scrollable {
  max-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner {
  padding: 0px;
  padding-bottom: 0px;
  align-items: flex-start;
  margin: 0px;
  padding-top: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .tab-pane-contatiner-section.br-side {
  border-right: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .imageTag {
  max-height: 20%;
  max-width: 20%;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner h6 {
  font-weight: 900;
  text-align: left;
  border-bottom: 1px solid #ced4da;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid {
  width: 100vw;
  padding: 0px !important;
  margin: 0px !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid.h-425 {
  height: 398px !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid.h-174 {
  height: 174px !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid .ag-root {
  padding: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-565px {
  height: calc(100vh - 565px);
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-75vh {
  height: calc(100vh - 75vh);
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-70vh {
  height: calc(100vh - 70vh);
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-60h {
  height: calc(100vh - 60vh);
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-65h {
  height: calc(100vh - 65vh);
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .total-input {
  margin: 5px 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .total-input label {
  margin: 0px !important;
  margin-left: 10px !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .inline-form-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .inline-form-group label:first-child {
  width: auto;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .inline-form-group label:first-child:after {
  content: ":";
  margin-left: 10px;
  font-weight: 900;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .section-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .section-header h5 {
  width: unset;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .section-header a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #000;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .section-header a span {
  marign-right: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .section-header .header-tools {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .panel-collapse {
  margin-top: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .form-icon-btn {
  min-height: 35px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section.br-side {
  border-right: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section.bl-side {
  border-left: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .total-section .main-title {
  border-right: 1px solid #ced4da;
  margin-right: 15px;
  font-weight: 900;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .total-section .detail-data input {
  color: #78d0d4 !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .total-section .detail-data input.warning {
  color: #fdc977 !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .total-section .detail-data input.danger {
  color: #f2a095 !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .total-section .detail-data input.success {
  color: #cbdc5a !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-side {
  padding: 10px 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-side a {
  font-family: "OpenSans";
  padding: 10px;
  color: #ced4da;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-side a:before {
  font-family: fontawesome;
  margin-right: 10px;
  font-weight: 100;
  display: inline-block;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-side a.active {
  background: none;
  font-weight: 900;
  color: #012943;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-side a:hover {
  color: #00b1b7;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-footer {
  align-items: center;
  justify-content: flex-end;
  padding: 15px 0px;
  padding-bottom: 0px;
  border-top: 1px solid #ced4da;
  margin-top: 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs {
  padding: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header {
  align-items: center;
  flex-direction: row;
  padding: 5px 15px;
  padding-bottom: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs {
  flex-direction: row;
  border-bottom: 4px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li {
  position: relative;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li a {
  color: #939393;
  font-size: 14px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li a span {
  display: block;
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li a.text-link {
  font-size: 16px;
  padding: 15px 25px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li .active {
  background: none;
  color: #00b1b7;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li .selected {
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  background: #00b1b7;
  margin-bottom: -4px;
  display: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.success .selected {
  background: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.success a, html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.success span {
  color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.warning .selected {
  background: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.warning a, html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.warning span {
  color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.danger .selected {
  background: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.danger a, html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.danger span {
  color: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs .active-item .selected {
  display: block;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .icon-refresh {
  color: #ffffff;
  background: #00b1b7;
  padding: 12px 14px;
  font-size: 28px;
  border-radius: 5px;
  margin-left: 15px;
  margin-top: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content {
  padding: 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container {
  padding: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .search-form .form-group span {
  position: absolute;
  right: 15px;
  top: 10px;
  color: #939393;
  outline-color: #00b1b7;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .search-form .form-group inupt {
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .patient-list-item {
  border-left: 15px solid #efb334;
  padding: 5px 10px;
  align-items: center;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  flex-direction: row;
  background: #fbfbfb;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .patient-list-item .data-item h6 {
  color: #939393;
  text-align: left;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .patient-list-item .data-item h5 {
  color: #00b1b7;
  text-align: left;
  font-size: 18px;
  margin: 3px 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .patient-list-item .data-item .service-type {
  font-size: 16px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .patient-list-item .Status {
  width: 20px;
  height: 20px;
  background: #00b1b7;
  border-radius: 20px;
  display: none;
  margin-right: 20px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .active-item .Status {
  display: block;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .patient-list-item:hover {
  cursor: pointer;
  background: #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .warnning {
  border-color: #fdc977;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .warnning .data-item .service-type {
  color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .success {
  border-color: #cbdc5a;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .success .data-item .service-type {
  color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .danger {
  border-color: #f2a095;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .danger .data-item .service-type {
  color: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers {
  padding: 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers form {
  padding: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-header {
  align-items: center;
  flex-direction: row;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-header a {
  font-size: 25px;
  color: #939393;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-header .nextPatient {
  transform: rotate(0deg);
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-header .header-data h5 {
  text-align: center;
  color: #939393;
  margin: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-header .header-data h6 {
  text-align: center;
  color: #00b1b7;
  font-weight: 900;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .profile {
  border-left: 15px solid #efb334;
  background: rgba(251, 251, 251, 0.7);
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section {
  margin-top: 10px;
  align-items: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-header {
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #ced4da;
  padding: 5px 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-header h5 {
  margin-right: auto;
  font-size: 16px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-header span {
  color: #939393;
  transition: all 0.15s linear;
  transform-origin: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-header:hover {
  cursor: pointer;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body {
  flex-direction: row;
  padding: 5px 0px;
  display: none;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body h5 {
  font-size: 14px;
  font-weight: 900;
  width: 100%;
  text-align: left;
  margin: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body p {
  font-size: 15px;
  font-weight: 300;
  width: 100%;
  text-align: left;
  margin: 10px 5px;
  margin-top: 0px;
  color: #939393;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .data-item {
  justify-content: flex-start;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .data-item h6 {
  color: #939393;
  text-align: left;
  margin: 5px 0px;
  margin-bottom: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .data-item input {
  color: #00b1b7;
  border: none;
  background: none;
  padding: 3px 0px !important;
  font-weight: 500;
  font-family: "OpenSans";
  font-size: 18px;
  outline: 0px;
  pointer-events: none;
  height: 25px !important;
  text-align: left;
  width: 100%;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .data-item .service-type {
  font-size: 16px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .data-item .service-id {
  font-size: 16px;
  font-weight: 300;
  color: #012943;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body textarea {
  max-height: 70px;
  min-height: 70px;
  height: 70px;
  text-align: left;
  margin-bottom: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .nav-link {
  float: left;
  border: 1px solid #ced4da;
  border-right: none;
  color: #012943;
  margin-bottom: 5px;
  position: relative;
  font-weight: 700;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  align-items: center;
  display: flex;
  flex-direction: row;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .nav-link span {
  margin-right: 5px;
  color: #00b1b7;
  font-weight: 900;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .nav-link h6 {
  float: right;
  margin: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .nav-link .v-border {
  height: 100%;
  width: 3px;
  top: 0px;
  position: absolute;
  right: 0px;
  margin-right: -3px;
  background: #ffffff;
  z-index: 9;
  display: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .warnning span {
  color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .success span {
  color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .danger span {
  color: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .nav-link.active {
  background: none;
  border-color: #00b1b7;
  border-width: 2px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .nav-link.active .v-border {
  display: block;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .warnning.active {
  border-color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .warnning.active .v-border {
  display: block;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .success.active {
  border-color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .success.active .v-border {
  display: block;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .danger.active {
  border-color: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .danger.active .v-border {
  display: block;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container {
  padding: 0px;
  height: 100%;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane {
  height: 100%;
  border-radius: 5px;
  border-top-left-radius: 0px;
  padding: 5px 15px;
  border: 2px solid #00b1b7;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.scrollable {
  max-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content {
  display: flex;
  height: 100%;
  justify-content: flex-start;
  flex-direction: row;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .form-group label {
  margin: 0px;
  margin-bottom: 3px;
  color: #00b1b7;
  font-weight: 700;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .form-group .select2-container {
  border: 1px solid #ced4da;
  border-radius: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .form-group .select2-selection__choice {
  background: #00b1b7;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-link {
  align-self: flex-end;
  color: #00b1b7;
  margin-left: auto;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-link:hover {
  color: #027d82;
  cursor: pointer;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form .form-section {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  flex-wrap: wrap;
  /*.discount-group{
      padding-left:0px;
      margin-top:3px;
      margin-bottom:3px;
  }*/
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form .form-section .custom-radio {
  padding-left: 0px;
  padding-right: 10px;
  margin-right: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form .form-section .custom-radio label {
  padding-left: 20px !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form .form-section .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form .form-section .form-group input {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form p {
  margin: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form span {
  margin: 10px 0px;
  color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form #payment {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content #PaymentOptionContainer {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  border-top: 1px solid #ced4da;
  padding-top: 8px;
  margin-top: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .result-div {
  padding: 10px;
  border-top: 1px dashed #ced4da;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .result-div h6 {
  color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .result-div h6 span {
  font-weight: 300;
  margin-left: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .row {
  align-items: unset !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.warnning {
  border-color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.warnning .form-group label {
  color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.warnning .form-group .select2-selection__choice {
  background: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.success {
  border-color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.success .form-group label {
  color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.success .form-group .select2-selection__choice {
  background: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.danger {
  border-color: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.danger .form-group label {
  color: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.danger .form-group .select2-selection__choice {
  background: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.danger .form-group .select2-selection__choice span:hover {
  color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item {
  width: 100%;
  margin: 2px 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header {
  border-bottom: 1px solid #ced4da;
  padding: 0px;
  padding-bottom: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header button {
  min-width: 145px;
  justify-content: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header .icon-gbtn {
  min-width: auto;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header a {
  font-family: "OpenSans";
  font-weight: 900;
  color: #00b1b7;
  display: flex;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header a:before {
  font-family: fontawesome;
  margin-right: 10px;
  font-weight: 100;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header a:hover {
  cursor: pointer;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header a:nth-child(2) {
  font-size: 25px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header a:nth-child(2):hover, html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header a:nth-child(2):focus {
  color: #00b1b7;
  cursor: pointer;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content {
  padding: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content .section-body-content-header {
  justify-content: flex-end;
  align-items: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content .section-body-content-header a {
  font-size: 25px;
  margin-right: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content .section-body-content-header a:hover, html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content .section-body-content-header a:focus {
  color: #00b1b7;
  cursor: pointer;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content ul {
  padding: 5px 0px;
  list-style: none;
  margin-bottom: 0px;
  display: flex;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content ul li {
  font-family: "OpenSans";
  background: #00b1b7;
  padding: 5px 10px;
  border-radius: 3px;
  box-shadow: 0px 0px 5px #ced4da;
  color: #ffffff;
  display: flex;
  line-height: 1.1;
  margin-right: 5px;
  margin-bottom: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content ul li:before {
  font-family: fontawesome;
  margin-right: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content ul li .fa-times {
  color: #ffffff;
  margin-left: auto;
  padding-left: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content ul li .fa-times:hover {
  cursor: pointer;
  color: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.success a {
  color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.success ul li {
  background: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.danger a {
  color: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.danger ul li {
  background: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.danger ul li .fa-times:hover {
  cursor: pointer;
  color: #343a40;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.warning a {
  color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.warning ul li {
  background: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.warning ul .success {
  background: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.dark a {
  color: #012943;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.dark ul li {
  background: #012943;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .profile-link {
  margin: 5px 8px;
  font-size: 23px;
  color: #939393;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .profile-link:hover {
  color: #012943;
  cursor: pointer;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .profile-link:last-child {
  margin: 15px;
  margin-left: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.show .section-body {
  display: flex;
  justify-content: flex-start;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.show .section-body .consultation-input {
  height: auto !important;
  padding: 8px 12px !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.show .section-header span {
  transform: rotate(-180deg);
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.warnning {
  border-color: #fdc977;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.warnning .section-body .data-item .service-type {
  color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.success {
  border-color: #cbdc5a;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.success .section-body .data-item .service-type {
  color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.danger {
  border-color: #f2a095;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.danger .section-body .data-item .service-type {
  color: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .section-footer {
  background: none;
  padding: 5px 0px;
  margin-top: 15px;
  justify-content: flex-end;
  flex-direction: row;
  border: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .section-footer button {
  margin-left: 5px;
  background: #efb334;
  color: #ffffff;
  padding: 0px 32px;
  font-weight: 300;
  line-height: 1;
  height: 35px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .section-footer .op-btn {
  margin-left: auto;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .section-footer .btn-success {
  background: #a1b32b;
  color: #ffffff;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container:first-child {
  padding: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container:last-child {
  padding-left: 5px;
  padding-right: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container {
  align-content: flex-start;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div {
  padding: 0px 3px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body {
  padding: 0px 5px !important;
  flex-wrap: wrap;
  align-content: flex-start;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  border: none !important;
  margin: 0px !important;
  background: none !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header {
  align-items: center;
  border-bottom: 1px solid #ced4da;
  padding: 5px 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header h3 {
  text-align: left;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 8px 0px;
  padding-top: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header a {
  padding: 5px;
  font-size: 25px;
  color: #012943;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header a:hover, html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header a:active, html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header a:focus {
  cursor: pointer;
  color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header .form-container {
  padding: 0px 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header .form-container form {
  padding: 15px 0px;
  border-top: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header .form-container form .form-group {
  margin-bottom: 0.5rem;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-container {
  padding: 10px 20px;
  position: relative;
  background: #ffffff;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border: 1px solid #ced4da;
  border-top: none;
  margin-bottom: 10px;
  border-radius: 6px;
  border-top: 1px solid #ced4da;
  /* &:nth-child(1){
      canvas{
          border-right: 1px solid $BorderColor;
      }
  } */
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-container p {
  font-weight: 700;
  font-size: 17px;
  border-bottom: 1px solid #ced4da;
  width: 100%;
  text-align: left;
  padding: 0px 0px 11px 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-container canvas {
  /* width: 300px !important;
  height: 300px !important; */
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div {
  align-content: flex-start;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header {
  background: #ffffff;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border: 1px solid #ced4da;
  border-bottom: none;
  padding: 0px 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .header-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 0px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ced4da;
  flex-wrap: wrap;
  align-items: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .header-content h4 {
  font-weight: 900;
  margin: 0px;
  text-align: left;
  font-family: "OpenSans";
  font-size: 25px;
  color: #012943;
  width: auto;
  border: none;
  margin-right: auto;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .header-content .form-group {
  margin: 0px;
  padding: 0px 3px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .header-content .patient-data {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-bottom: none;
  padding-top: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .header-content .patient-data h4 {
  margin-bottom: 3px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .header-content .patient-data .data-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 2px 0px;
  border-bottom: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .header-content .patient-data .data-item span {
  color: #00b1b7;
  margin-right: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .header-content .patient-data .data-item p {
  padding: 0;
  font-weight: 100;
  color: #012943;
  text-align: right;
  margin: 0;
  font-size: 14px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .profile-header {
  justify-content: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .profile-header h4 {
  font-weight: 300;
  margin: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .profile-header img {
  width: 150px;
  height: 150px;
  border-radius: 150px;
  border: 5px solid #ffffff;
  box-shadow: 0px 0px 5px #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-body {
  padding: 10px 20px;
  position: relative;
  background: #ffffff;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border: 1px solid #ced4da;
  border-top: none;
  margin-bottom: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-body .data-item {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 12px 0px;
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-body .data-item h6 {
  margin: 0px;
  margin-right: auto;
  color: #027d82;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-body .data-item p {
  margin: 0px;
  color: #027d82;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-body .data-item:last-child {
  border: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-body .footer {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px 5px;
  padding-bottom: 0px;
  border: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-body .footer a {
  padding: 2px 10px;
  font-weight: 300;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-body.no-header {
  border-radius: 6px;
  border-top: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-header {
  align-items: center;
  justify-content: center;
  padding: 15px 25px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-header select {
  border: none;
  font-size: 18px;
  text-align: center;
  color: #00b1b7;
  font-weight: 700;
  text-align: center;
  text-align-last: center;
  -moz-appearance: window;
  -webkit-appearance: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-header select:hover, html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-header select:active, html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-header select:focus {
  outline: none;
  cursor: pointer;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-header .arrow-left {
  margin-right: auto;
  font-size: 25px;
  color: #939393;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-header .arrow-right {
  margin-left: auto;
  font-size: 25px;
  color: #939393;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-body .dashb-section-tabs {
  border-top: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-body .dashb-section-tabs .section-tabs-content {
  min-height: 550px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .patient-list-item .data-item {
  padding: 0px;
  border-bottom: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .profile-home {
  margin: 5px 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .profile-home .body-container-div-header .header-content {
  justify-content: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .profile-home .body-container-div-header .header-content .profile-data h4 {
  justify-content: center;
  margin: 0px;
  font-family: "OpenSans";
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .profile-home .body-container-div-header .header-content .profile-data span {
  text-align: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info {
  padding: 0px 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body {
  padding: 10px;
  align-items: flex-start;
  flex-direction: row;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .date {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 95px;
  border-right: 1px solid #ced4da;
  height: 100px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .date .month {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #027d82;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .date .day {
  font-size: 55px;
  font-weight: 900;
  width: 100%;
  line-height: 56px;
  text-align: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .date .year {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #012943;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .data {
  padding: 0px 15px;
  padding-right: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .data h3 {
  font-family: "OpenSans";
  width: 100%;
  font-size: 14px;
  margin: 0px;
  padding: 3px 0px;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .data h3 span {
  color: #a1b32b;
  /*   font-size: 2.5vw; */
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .data h3:before {
  font-family: FontAwesome;
  margin-right: 5px;
  font-size: 16px;
  display: inline-block;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .data .time {
  padding: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ced4da;
  padding-top: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .data .time h3 {
  font-size: 45px;
  font-weight: 100;
  line-height: 50px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .shift-btn {
  height: 45px;
  margin: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters {
  padding: 0px 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item {
  padding: 0px 5px 10px 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item .counter-item-container {
  background: #78d0d4;
  border-radius: 4px;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item .counter-item-container .data {
  padding-left: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item .counter-item-container .data span {
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "OpenSans";
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item .counter-item-container .data h4 {
  color: #ffffff;
  font-size: 50px;
  margin: 0px;
  line-height: 0.9;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item .counter-item-container .data h4 span {
  font-size: 30px;
  margin-left: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item .counter-item-container .icon {
  font-size: 50px;
  font-family: FontAwesome;
  color: #ffffff;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item.warning .counter-item-container {
  background: #fdc977;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item.success .counter-item-container {
  background: #cbdc5a;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item.danger .counter-item-container {
  background: #f2a095;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.patient-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.patient-btns a {
  padding: 15px 50px;
  width: 100%;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.patient-btns .gbtn-success {
  background: #cbdc5a !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.patient-btns .gbtn-warning {
  background: #fdc977 !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.patient-btns .gbtn-success:hover {
  background: #a1b32b !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.patient-btns .gbtn-warning:hover {
  background: #efb334 !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container {
  padding: 0px 20px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section {
  background: #ffffff;
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #ced4da;
  box-shadow: 0px 0px 8px #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header {
  align-items: center;
  flex-direction: row;
  padding: 5px 10px;
  padding-bottom: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .tabs {
  flex-direction: row;
  border-bottom: 4px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .tabs li {
  position: relative;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .tabs li a {
  color: #939393;
  font-size: 16px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .tabs li a span {
  display: block;
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .tabs li .active {
  background: none;
  color: #00b1b7;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .tabs li .selected {
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  background: #00b1b7;
  margin-bottom: -4px;
  display: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .tabs .active-item .selected {
  display: block;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .icon-refresh {
  color: #00b1b7;
  background: #ffffff;
  border: 1px solid #ced4da;
  font-size: 20px;
  border-radius: 5px;
  margin-left: 15px;
  width: 38px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .icon-refresh:hover {
  color: #012943;
  box-shadow: 0px 0px 2px #ced4da;
  cursor: pointer;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-content {
  padding: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-content .tab-pane.scrollable {
  max-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-content .tab-pane .data-table .dataTables_wrapper {
  padding: 0px 10px !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.list {
  padding: 10px 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.list .data-list {
  padding: 0px;
  padding-bottom: 10px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.list .data-list .data-list-header {
  padding: 10px;
  padding-bottom: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.list .data-list .data-list-header h3 {
  font-size: 20px;
  border-bottom: 1px solid #ced4da;
  font-family: "OpenSans";
  padding: 10px;
  display: flex;
  align-items: center;
  padding-top: 5px;
  color: #012943;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.list .data-list .data-list-header h3:before {
  font-family: FontAwesome;
  margin-right: 10px;
  font-size: 25px;
  color: #027d82;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.list .data-list .data-list-item {
  padding: 5px 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container {
  padding: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container h3 {
  width: 100%;
  padding: 5px 5px 0px 0px;
  margin-left: 5px;
  font-family: "OpenSans";
  color: #012943;
  font-size: 23px;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container h3:before {
  font-family: FontAwesome;
  margin-right: 10px;
  font-size: 25px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn {
  padding: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn .icon-btn-container {
  position: relative;
  border-radius: 4px;
  background: #78d0d4;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 35px;
  height: 125px;
  width: 125px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn .icon-btn-container span {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  margin: 5px;
  color: #ffffff;
  font-size: 14px;
  font-family: "OpenSans";
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn:hover .icon-btn-container {
  background: #00b1b7;
  cursor: pointer;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn.warning .icon-btn-container {
  background: #fdc977;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn.warning:hover .icon-btn-container {
  background: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn.success .icon-btn-container {
  background: #cbdc5a;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn.success:hover .icon-btn-container {
  background: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn.danger .icon-btn-container {
  background: #f2a095;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn.danger:hover .icon-btn-container {
  background: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.profile .header-content h4 {
  font-weight: 300 !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header {
  padding: 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content {
  width: 100%;
  justify-content: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content img {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  border: 10px solid #ffffff;
  margin-bottom: 5px;
  box-shadow: 0px 0px 8px #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content h4 {
  font-weight: 900;
  margin: 0px;
  text-align: left;
  font-family: "OpenSans";
  font-size: 25px;
  color: #012943;
  width: auto;
  border: none;
  margin-right: auto;
  text-align: left;
  font-family: "OpenSans";
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-bottom: none;
  padding-top: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .header-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 0px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ced4da;
  flex-wrap: wrap;
  align-items: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .header-content .form-group {
  margin: 0px;
  padding: 0px 3px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .header-content .patient-data {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-bottom: none;
  padding-top: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .header-content .patient-data h4 {
  margin-bottom: 3px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .header-content .patient-data .data-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 2px 0px;
  border-bottom: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .header-content .patient-data .data-item span {
  color: #00b1b7;
  margin-right: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .header-content .patient-data .data-item p {
  padding: 0;
  font-weight: 100;
  color: #012943;
  text-align: right;
  margin: 0;
  font-size: 14px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .data-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 2px 0px;
  border-bottom: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .data-item span {
  color: #00b1b7;
  margin-right: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .data-item p {
  padding: 0;
  font-weight: 100;
  color: #012943;
  text-align: right;
  margin: 0;
  font-size: 14px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-body {
  padding: 15px 20px;
  position: relative;
  border-top: none;
  flex-direction: column;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-body .data-item {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 12px 0px;
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-body .data-item h6 {
  margin: 0px;
  margin-right: auto;
  color: #027d82;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-body .data-item p {
  margin: 0px;
  color: #027d82;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-body .data-item:last-child {
  border: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-body .footer {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px 5px;
  padding-bottom: 0px;
  border: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-body .footer a {
  padding: 2px 10px;
  font-weight: 300;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.medical-history {
  border-top-left-radius: 6px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.medical-history .body-container-div-header {
  padding: 0px 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.medical-history .body-container-div-header .header-content {
  border-bottom: 1px solid #ced4da;
  padding: 10px 0px;
  align-items: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.medical-history .body-container-div-header .header-content .header-content-filter .form-group {
  margin-left: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.medical-history .body-container-div-header .header-content .header-content-filter .form-group input, html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.medical-history .body-container-div-header .header-content .header-content-filter .form-group select {
  min-height: 41px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.medical-history .body-container-div-header .header-content .header-content-filter .form-group .select2-container input {
  min-height: unset;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div {
  padding: 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container {
  padding: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-header {
  padding: 0.8rem 1.5rem;
  text-align: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item {
  padding: 0px;
  white-space: normal;
  position: relative;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .dropdown-item-container {
  padding: 8px 0px 6px 0px;
  border-top: 1px solid #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .dropdown-item-container .dropdown-item-container-icon {
  padding: 5px 15px;
  font-size: 36px;
  border-right: 1px solid #ced4da;
  margin-right: 8px;
  align-self: flex-start;
  min-width: 72px;
  color: #ced4da;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .dropdown-item-container .dropdown-item-container-icon:before {
  display: flex;
  justify-content: center;
  align-items: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .dropdown-item-container .dropdown-item-container-content {
  width: 80%;
  align-items: center;
  align-content: center;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .dropdown-item-container .dropdown-item-container-content h4 {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0px;
  padding-right: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .dropdown-item-container .dropdown-item-container-content p {
  font-size: 14px;
  font-weight: 100;
  color: #939393;
  padding-right: 10px;
  margin-bottom: 2px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .dropdown-item-container .dropdown-item-container-content span {
  font-size: 11px;
  width: 100%;
  text-align: right;
  padding: 0px 10px;
  color: #939393;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .fa-times {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 6px;
  font-size: 20px;
  z-index: 5;
  color: #939393;
  display: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .fa-times:hover {
  color: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item:hover {
  background: #fbfbfb;
  cursor: pointer;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item:hover .fa-times {
  display: block;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item.warning {
  color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item.dark {
  color: #343a40;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item.success {
  color: #a1b32b;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item.danger {
  color: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item.default {
  color: #00b1b7;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-footer {
  display: block;
  width: 100%;
  text-align: center;
  padding: 8px;
  background: #012943;
  color: #ffffff;
  font-size: 15px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-footer:hover {
  background: #00b1b7;
  cursor: pointer;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.no-back {
  border: none;
  background: transparent;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.full-h {
  height: unset !important;
  overflow: hidden !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.no-header {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.no-header .body-container .body-conatiner-div:first-child .body-container-div-header {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.no-footer {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  align-content: flex-start;
  align-items: flex-start;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-main .section-tabs-content .data-desc-body .tab-pane-content {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub {
  background: #f0f0f0;
  padding-right: 0px !important;
  /* padding-left: 5px !important; */
  border: none;
  padding: 0px 5px;
  /* flex-grow: 1;
  flex-shrink: 1;
  visibility: visible;
  opacity: 1;
  transition: all 500ms; */
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container {
  margin-top: 5px;
  background: #ffffff;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border: 1px solid #ced4da;
  padding: 15px;
  height: 100%;
  align-items: flex-start;
  height: 98%;
  align-content: flex-start;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .header {
  position: relative;
  padding-bottom: 15px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-bottom: 1px solid #ced4da;
  text-align: left;
  margin-bottom: 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .header span {
  font-size: 25px;
  margin-right: 5px;
  color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .header span.danger {
  color: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .header h5 {
  margin: 0px;
  padding-left: 5px;
  color: #efb334;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .header h5.danger {
  color: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .header a {
  font-size: 25px;
  color: #ff3333;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body {
  padding: 15px 0px;
  max-height: calc(100vh - 290px);
  overflow-y: auto;
  overflow-x: hidden;
  align-content: flex-start;
  align-items: flex-start;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .print-header {
  display: none;
  align-items: center;
  justify-content: flex-start;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .print-header img {
  height: 50px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .print-header h4 {
  text-align: center;
  align-self: center;
  font-size: 20px;
  font-weight: 900;
  margin: 15px 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body p {
  text-align: left;
  font-size: 16px;
  font-weight: 900;
  margin-bottom: 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .form-container {
  align-content: flex-start;
  padding: 0px 10px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .form-container h4 {
  font-size: 14px;
  font-weight: 900;
  margin: 0px;
  text-align: left;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .custom-control label {
  padding-left: 35px !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .custom-radio label {
  padding-left: 15px !important;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .form-group {
  padding: 0px 5px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .signature {
  display: none;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .signature label {
  font-size: 16px;
  font-weight: 900;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .sub-form-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .sub-form-btns button {
  padding: 8px 50px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .form-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 0px;
}
html[dir=ltr] .data-container-body .data-container-body-content .data-container-body-content-sub.w-zero {
  width: 0px !important;
  flex-grow: 1;
  flex-shrink: 1;
  transition: all 400ms ease;
}
html[dir=ltr] .data-container-footer {
  justify-content: center;
  border-top: 1px solid #939393;
  padding: 15px;
  position: absolute;
  bottom: 0px;
  display: none;
}
html[dir=ltr] .data-container-footer p {
  margin: 0px;
  font-size: 18px;
  font-weight: 700;
}
@media print {
  html[dir=ltr] .data-container-footer {
    display: flex !important;
  }
}
@media only screen and (max-width: 1527px) {
  html[dir=ltr] .counters .counter-item .fa {
    display: none;
  }
}
@media only screen and (max-width: 1367px) {
  html[dir=ltr] .data-container-body-content-main-body.full-h {
    height: unset !important;
  }
}
@media only screen and (max-width: 1200px) {
  html[dir=ltr] .data-container-body-content-main-body.full-h {
    height: unset !important;
  }
  html[dir=ltr] .data-container-body-content-sub .body {
    height: calc(100vh - 365px) !important;
  }
  html[dir=ltr] .counters .counter-item .fa {
    display: block;
  }
  html[dir=ltr] .form-list .form-list-header {
    display: none !important;
  }
  html[dir=ltr] .form-list .form-list-item .form-group {
    margin: 5px 0px !important;
  }
  html[dir=ltr] .form-list .form-list-item .form-group label {
    display: block !important;
  }
  html[dir=ltr] .data-desc-body-container-body.tab-content-table {
    border: none !important;
  }
  html[dir=ltr] .data-desc-body-container-body .total-data {
    margin-left: 0px !important;
  }
}
@media only screen and (max-width: 991px) {
  html[dir=ltr] .data-container-body-content-main {
    order: 2;
  }
  html[dir=ltr] .data-container-body-content-main .data-container-body-content-main-body {
    /* .body-container:first-child{
        .body-container-div:first-child{
            .body-container-div-header{
                border-top-right-radius: 0px !important;
                border-top-left-radius: 0px !important;
            }
        }
    } */
  }
  html[dir=ltr] .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header {
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
  }
  html[dir=ltr] .data-container-body-content-sub {
    order: 1;
    padding-left: 0px !important;
  }
  html[dir=ltr] .data-container-body-content-sub .body {
    height: auto !important;
  }
  html[dir=ltr] .body-container-div.counters {
    padding: 0px !important;
  }
  html[dir=ltr] .body-container-div.tabs-container {
    padding: 0px !important;
  }
  html[dir=ltr] .body-container:last-child {
    padding: 0px !important;
  }
  html[dir=ltr] .body-container-div.btns-container {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  html[dir=ltr] .counters .counter-item .fa {
    display: block;
  }
  html[dir=ltr] .counters .counter-item:first-child, html[dir=ltr] .counters .counter-item:nth-child(3) {
    padding-left: 0px !important;
  }
  html[dir=ltr] .counters .counter-item:last-child, html[dir=ltr] .counters .counter-item:nth-child(2) {
    padding-right: 0px !important;
  }
  html[dir=ltr] .main-data-btns {
    margin-top: 10px;
  }
  html[dir=ltr] .data-desc-header-content .total-data {
    border: none !important;
    order: 1;
  }
  html[dir=ltr] .header-content h4 {
    margin-bottom: 10px !important;
  }
  html[dir=ltr] .profile-header {
    justify-content: flex-start !important;
  }
  html[dir=ltr] .profile-header img {
    margin-right: 15px !important;
    width: 100px !important;
    height: 100px !important;
  }
  html[dir=ltr] .profile-header .patient-data {
    align-items: flex-start !important;
  }
  html[dir=ltr] .main-data .form-group {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  html[dir=ltr] .data-container-body-content-main-body {
    height: auto !important;
  }
  html[dir=ltr] .counters .counter-item:first-child, html[dir=ltr] .counters .counter-item:nth-child(3), html[dir=ltr] .counters .counter-item:last-child, html[dir=ltr] .counters .counter-item:nth-child(2) {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  html[dir=ltr] .data-desc-body-container-body .body-side {
    border: none !important;
  }
  html[dir=ltr] .data-desc-body-container-body .body-side .data-desc-body-container-side {
    flex-direction: row !important;
    flex-wrap: wrap;
  }
  html[dir=ltr] .data-desc-body-container-body .total-data {
    padding-left: 0px !important;
  }
  html[dir=ltr] .data-desc-body-container-body .total-data .sum-values {
    border: none !important;
    padding-bottom: 10px;
  }
  html[dir=ltr] .data-desc-body-container-body .total-data .total-data-item-total {
    border-top: 1px solid #ced4da !important;
  }
  html[dir=ltr] .data-desc-body-container-body.tab-content-list {
    border: none !important;
  }
  html[dir=ltr] .data-desc-body-container-side {
    flex-direction: row !important;
    border-bottom: 1px solid #ced4da;
    margin-bottom: 5px;
  }
  html[dir=ltr] .header-content .form-group {
    margin-bottom: 5px !important;
  }
}
@media only screen and (max-width: 661px) {
  html[dir=ltr] .data-container-body-content-sub .main-container .body {
    max-height: unset !important;
  }
}
html[dir=ltr] .h-auto {
  height: auto !important;
}
html[dir=ltr] html[dir=ltr] .payment-btn {
  right: 10px;
}
html[dir=ltr] .gauges-container {
  padding: 10px 0px;
}
html[dir=ltr] .gauges-container .gauge-item-container {
  padding: 0px 15px;
}
html[dir=ltr] .gauges-container .gauge-item-container .gauge-item {
  border: 1px solid #ced4da;
  background: #ffffff;
  padding: 15px;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  margin-right: auto;
  align-items: center;
  border-radius: 5px;
}
html[dir=ltr] .gauges-container .gauge-item-container .gauge-item span {
  background: #00b1b7;
  color: #ffffff;
  padding: 12px 14px;
  font-size: 28px;
  border-radius: 5px;
  width: 50px;
  height: 50px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
html[dir=ltr] .gauges-container .gauge-item-container .gauge-item .data {
  margin-left: 10px;
}
html[dir=ltr] .gauges-container .gauge-item-container .gauge-item .data h4 {
  font-size: 22px;
  font-family: "OpenSans";
  font-weight: 900;
  text-align: center;
  color: #00b1b7;
}
html[dir=ltr] .gauges-container .gauge-item-container .gauge-item .data p {
  margin: 0px;
  text-align: center;
  color: #012943;
}
html[dir=ltr] .gauges-container .gauge-item-container.warnning span {
  background: #efb334;
}
html[dir=ltr] .gauges-container .gauge-item-container.warnning .data h4 {
  color: #efb334;
}
html[dir=ltr] .gauges-container .gauge-item-container.success span {
  background: #a1b32b;
}
html[dir=ltr] .gauges-container .gauge-item-container.success .data h4 {
  color: #a1b32b;
}
html[dir=ltr] .gauges-container .gauge-item-container.danger span {
  background: #ff3333;
}
html[dir=ltr] .gauges-container .gauge-item-container.danger .data h4 {
  color: #ff3333;
}
html[dir=ltr] .gauges-container .gauge-item-container:first-child {
  padding-left: 0px;
}
html[dir=ltr] .gauges-container .gauge-item-container:last-child {
  padding-right: 0px;
}
@media only screen and (max-width: 992px) {
  html[dir=ltr] .gauges-container .gauge-item-container {
    margin-bottom: 10px;
  }
  html[dir=ltr] .gauges-container .gauge-item-container:nth-child(2) {
    padding-right: 0px;
  }
  html[dir=ltr] .gauges-container .gauge-item-container:nth-child(3) {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 576px) {
  html[dir=ltr] .gauges-container .gauge-item-container {
    padding: 0px !important;
  }
}
html[dir=ltr] .inv {
  font-family: "NeoSansArabic" !important;
  direction: rtl;
  font-size: 14px;
  padding: 15px;
}
html[dir=ltr] .inv .inv-top-header {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 5px solid #193b7b;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 10px;
}
html[dir=ltr] .inv .inv-top-header .inv-logo {
  display: block !important;
  margin-left: auto;
  margin-bottom: 15px;
}
html[dir=ltr] .inv .inv-top-header .contact p {
  font-size: 18px;
  color: #496ca6;
  text-align: center;
  font-weight: 900;
}
html[dir=ltr] .inv .inv-top-header .contact p:last-child {
  margin: 0px;
}
html[dir=ltr] .inv .inv-body-container .inv-sub-header {
  margin-bottom: 10px;
}
html[dir=ltr] .inv .inv-body-container .inv-sub-header .sub-header-col {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
html[dir=ltr] .inv .inv-body-container .inv-sub-header .sub-header-col .data-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
html[dir=ltr] .inv .inv-body-container .inv-sub-header .sub-header-col .data-item label {
  background: #193b7b;
  margin: 0px;
  margin-left: 5px;
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 4px;
  min-width: 115px;
  text-align: right;
}
html[dir=ltr] .inv .inv-body-container .inv-sub-header .sub-header-col .data-item input {
  background-color: #c9d6e6 !important;
  padding: 4px 10px !important;
  color: #012943;
  height: auto !important;
  border: none;
  font-weight: 900;
  text-align: right;
}
html[dir=ltr] .inv .inv-body-container .inv-sub-header .sub-header-col .data-item label:last-child {
  background: none;
  color: #193b7b;
  margin-right: 5px;
  font-weight: 900;
  min-width: unset;
  text-align: left;
}
html[dir=ltr] .inv .inv-body-container .inv-sub-header .sub-header-col .success label {
  background: #1c993b;
}
html[dir=ltr] .inv .inv-body-container .inv-sub-header .sub-header-col .success input {
  background-color: #cceac8 !important;
}
html[dir=ltr] .inv .inv-body-container .inv-sub-header .sub-header-col .success label:last-child {
  color: #1c993b;
}
html[dir=ltr] .inv .inv-body-container .inv-sub-header .sub-header-col:first-child {
  padding-right: 0px;
}
html[dir=ltr] .inv .inv-body-container .inv-sub-header .sub-header-col:first-child .data-item {
  padding: 0px;
}
html[dir=ltr] .inv .inv-body-container .inv-sub-header .sub-header-col:last-child {
  padding-right: 0px;
}
html[dir=ltr] .inv .inv-body-container .inv-sub-header .sub-header-col:last-child .data-item {
  padding: 0px;
}
html[dir=ltr] .inv .inv-body-container .inv-body table {
  border: none;
}
html[dir=ltr] .inv .inv-body-container .inv-body table thead tr th {
  border: 2px solid #496ca6;
  text-align: center;
  vertical-align: middle;
  padding: 0px;
  min-width: 100px;
}
html[dir=ltr] .inv .inv-body-container .inv-body table thead tr th span {
  display: block;
  width: 100%;
  color: #496ca6;
  font-weight: 900;
}
html[dir=ltr] .inv .inv-body-container .inv-body table thead tr th span:last-child {
  color: #1c993b;
}
html[dir=ltr] .inv .inv-body-container .inv-body table thead tr th[colspan="2"] span, html[dir=ltr] .inv .inv-body-container .inv-body table thead tr th[colspan="3"] span {
  color: #496ca6;
}
html[dir=ltr] .inv .inv-body-container .inv-body table thead tr th:first-child {
  min-width: 110px;
}
html[dir=ltr] .inv .inv-body-container .inv-body table thead tr .desc {
  min-width: 500px;
}
html[dir=ltr] .inv .inv-body-container .inv-body table tbody tr td {
  text-align: center;
  vertical-align: middle;
  border: 2px solid #193b7b;
  border-bottom: none;
  border-top: none;
}
html[dir=ltr] .inv .inv-body-container .inv-body table tbody tr:last-child td {
  border-bottom: 2px solid #193b7b;
  border-top: 2px solid #193b7b;
  background: #c9d6e6;
}
html[dir=ltr] .inv .inv-body-container .inv-body table tbody tr:last-child td .table-footer {
  padding-top: 5px;
}
html[dir=ltr] .inv .inv-body-container .inv-body table tbody tr:last-child td .table-footer .table-footer-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 2px solid #193b7b;
  border-radius: 10px;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  min-height: 55px;
}
html[dir=ltr] .inv .inv-body-container .inv-body table tbody tr:last-child td .table-footer .table-footer-item span {
  display: block;
  width: 100%;
  color: #496ca6;
  font-weight: 900;
  font-size: 14px;
}
html[dir=ltr] .inv .inv-body-container .inv-body table tbody tr:last-child td .table-footer .table-footer-item span:last-child {
  color: #1c993b;
}
html[dir=ltr] .inv .inv-body-container .inv-body table tbody tr:last-child td:first-child, html[dir=ltr] .inv .inv-body-container .inv-body table tbody tr:last-child td:nth-child(2) {
  border: none;
  border-top: 2px solid #193b7b;
  background: none;
  padding: 0px;
}
html[dir=ltr] .inv .inv-body-container .inv-body table tbody tr:last-child td:nth-child(2) .table-footer {
  padding-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
html[dir=ltr] .inv .inv-body-container .inv-body table tbody tr:last-child td:nth-child(2) .table-footer .table-footer-item {
  margin: 0px 5px;
  padding: 0px 10px;
}
html[dir=ltr] .inv .inv-body-container .inv-body table tbody tr:last-child td:nth-child(2) .table-footer .table-footer-item:last-child {
  margin-right: 0px;
}
html[dir=ltr] .inv .inv-body-container .inv-footer {
  padding: 0px 5px;
}
html[dir=ltr] .inv .inv-body-container .inv-footer .footer-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 0px;
  border-bottom: 2px solid #496ca6;
}
html[dir=ltr] .inv .inv-body-container .inv-footer .footer-item .item-title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: right;
  vertical-align: middle;
}
html[dir=ltr] .inv .inv-body-container .inv-footer .footer-item .item-title span {
  display: block;
  width: 100%;
  color: #496ca6;
  font-weight: 900;
}
html[dir=ltr] .inv .inv-body-container .inv-footer .footer-item .item-title span:last-child {
  color: #1c993b;
}
html[dir=ltr] .inv .inv-body-container .inv-footer .footer-item .item-result {
  margin: 5px;
  border: 2px solid #496ca6;
  background: #c9d6e6;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .inv .inv-body-container .inv-footer .footer-item:last-child {
  border-bottom: none;
}
html[dir=ltr] .inv .inv-note {
  transform: rotate(-90deg);
  position: absolute;
  left: -130px;
  top: 400px;
  font-weight: 900;
  font-size: 18px;
  color: #496ca6;
}
@media only screen and (max-width: 1200px) {
  html[dir=ltr] .inv-top-header .inv-logo {
    margin-right: auto;
  }
  html[dir=ltr] .inv-sub-header .sub-header-col .data-item {
    padding: 0px;
  }
}
html[dir=ltr] .data-desc-header.detail-data {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}
html[dir=ltr] .data-desc-header.detail-data .data-desc-header-content {
  border: none !important;
}
html[dir=ltr] .detail-data .main-data {
  align-items: center !important;
}
html[dir=ltr] .detail-data .result-table {
  margin-bottom: 10px;
}
html[dir=ltr] .detail-data .total-div .divider {
  border-bottom: 1px solid #ced4da;
  height: 0px;
  margin: 5px 0px;
}
html[dir=ltr] .detail-data .total-div .total-data-item-total {
  margin-bottom: 15px;
  justify-content: flex-end;
}
html[dir=ltr] .detail-data .total-div .total-data-item-total h4 {
  margin: 0px !important;
  margin-right: 20px !important;
  font-weight: 700;
  font-size: 25px !important;
  width: auto !important;
  padding: 0px !important;
  border: none !important;
  line-height: 1.5 !important;
}
html[dir=ltr] .detail-data .total-div .total-data-item-total span {
  margin: 0px 3px;
  font-weight: 700;
  font-size: 25px;
  color: #a1b32b;
}
html[dir=ltr] .detail-data h4 {
  padding: 8px 0px;
  margin: 0px 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .detail-data label {
  color: #012943 !important;
  padding: 0px !important;
  font-weight: 300;
  margin: unset !important;
  margin-bottom: 0.5rem !important;
  min-height: auto !important;
  text-align: right !important;
}
html[dir=ltr] .detail-data .custom-control {
  margin: auto 0 !important;
}
html[dir=ltr] .detail-data .custom-control label {
  text-align: left;
  padding-left: 15px !important;
  margin: 0px !important;
}
html[dir=ltr] .detail-data input {
  border: none;
  padding: 0px !important;
  text-transform: uppercase;
  color: #a1b32b !important;
  background: none;
  line-height: 20px !important;
  font-size: 14px;
  font-weight: 700;
  text-align: right;
  margin-right: 8px;
}
html[dir=ltr] .detail-data .has-description {
  border-right: 1px solid #ced4da;
}
html[dir=ltr] .detail-data .sub-detail {
  font-size: 14px;
  color: #ffc107 !important;
}
html[dir=ltr] .detail-data textarea {
  border: none;
  background: none;
  min-height: auto;
  max-height: auto;
  height: auto;
  pointer-events: none;
  font-weight: 700;
  padding: 0px !important;
  text-transform: uppercase;
  color: #a1b32b !important;
}
html[dir=ltr] .detail-data .detail-check {
  padding: 11px;
  text-align: left;
}
html[dir=ltr] .detail-data .detail-check label {
  font-family: "OpenSans";
  font-size: 16px;
}
html[dir=ltr] .detail-data .detail-check label:before {
  font-family: FontAwesome;
  margin-right: 10px;
  font-size: 18px;
}
html[dir=ltr] .detail-data .detail-check label.fa-check-circle:before {
  color: #a1b32b;
}
html[dir=ltr] .detail-data .detail-check label.fa-times-circle:before {
  color: #ff3333;
}
html[dir=ltr] .detail-data .detail-check label.fa-minus-circle:before {
  color: #efb334;
}
html[dir=ltr] .detail-data .form-group {
  margin-bottom: 5px;
}
@media only screen and (max-width: 576px) {
  html[dir=ltr] .has-description {
    border: none !important;
  }
}
html[dir=ltr] .fc-event-container {
  position: relative;
}
html[dir=ltr] .fc-event-container .EventStyle {
  padding-left: 20px;
  background: #00b1b7;
  border: none;
}
html[dir=ltr] .fc-event-container .EventStyle .fc-content {
  white-space: normal;
}
html[dir=ltr] .fc-event-container .EventStyle .fc-content .fa-times {
  position: absolute;
  right: 0px;
  z-index: 2;
}
html[dir=ltr] .fc-event-container .EventStyle .fc-content .fa-times:hover, html[dir=ltr] .fc-event-container .EventStyle .fc-content .fa-times:focus {
  color: #ff3333;
}
html[dir=ltr] .fc-event-container .EventStyle .fc-content .fc-time {
  font-weight: 300;
}
html[dir=ltr] .fc-event-container .EventStyle .event-data {
  position: relative;
}
html[dir=ltr] .fc-event-container .EventStyle .event-data .event-data-details {
  padding: 0px;
  border-radius: 5px;
  direction: ltr;
}
html[dir=ltr] .fc-event-container .EventStyle .event-data .event-data-details .arrow-up {
  position: absolute;
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, 0) !important;
  top: -17px;
  font-size: 25px;
  z-index: 5;
  color: #012943;
}
html[dir=ltr] .fc-event-container .EventStyle .event-data .event-data-details p {
  direction: ltr;
  margin: 2px 0px;
  margin-left: 5px;
  border-left: 1px solid #ced4da;
  padding: 0px 10px;
}
html[dir=ltr] .fc-event-container .EventStyle .event-data .event-data-details p span:first-child:after {
  content: ":";
  margin: 0px 5px;
}
html[dir=ltr] .fc-event-container .EventStyle .event-data .event-data-details p:last-child {
  border: none;
}
html[dir=ltr] .fc-event-container .EventStyle.event-hover {
  background: #efb334 !important;
  cursor: pointer;
}
html[dir=ltr] .fc-event-container .fa-times {
  position: absolute;
  z-index: 3;
  right: 0px;
  top: 0px;
  margin: 2px 6px;
  color: #ffffff;
}
html[dir=ltr] .fc-event-container .fa-times:hover, html[dir=ltr] .fc-event-container .fa-times:focus, html[dir=ltr] .fc-event-container .fa-times:active {
  color: #ff3333;
  cursor: pointer;
}
html[dir=ltr] .fc-event-container:hover .fa-times {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html[dir=ltr] .data-desc-body-container-body .fc-header-toolbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
}
html[dir=ltr] .data-desc-body-container-body .fc-header-toolbar .fc-left {
  font-size: 1em;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
html[dir=ltr] .data-desc-body-container-body .fc-header-toolbar .fc-right .btn-group button {
  border: none;
  padding: 6px 12px;
  background: rgba(0, 177, 183, 0.85) !important;
  color: #ffffff !important;
  margin: 3px;
  font-size: 16px;
  border-radius: 3px;
  font-weight: 300;
  font-family: "OpenSans";
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  font-weight: 700;
  text-transform: capitalize;
}
html[dir=ltr] .data-desc-body-container-body .fc-header-toolbar .fc-right .btn-group .fc-prev-button span:before {
  content: "";
}
html[dir=ltr] .data-desc-body-container-body .fc-header-toolbar .fc-right .btn-group .fc-next-button span:before {
  content: "";
}
html[dir=ltr] .data-desc-body-container-body .fc-header-toolbar .fc-right .btn-group .fc-nextYear-button, html[dir=ltr] .data-desc-body-container-body .fc-header-toolbar .fc-right .btn-group .fc-next-button {
  background: #a1b32b !important;
}
html[dir=ltr] .data-desc-body-container-body .fc-header-toolbar .fc-right .btn-group .fc-today-button {
  background: #efb334 !important;
}
html[dir=ltr] .data-desc-body-container-body .fc-header-toolbar .fc-left {
  font-size: 1em;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
html[dir=ltr] iframe.data-container-body-content-main-body {
  padding: 0px !important;
  height: calc(100vh - 160px) !important;
}
html[dir=ltr] .iframe-body {
  margin: 0px !important;
}
html[dir=ltr] .iframe-body form .viewer-container #rptViewer {
  width: 100% !important;
  height: 100% !important;
}
html[dir=ltr] .iframe-body form .viewer-container #rptViewer #rptViewer__UI {
  width: 99% !important;
  height: 100vh !important;
}
html[dir=ltr] .widget-container {
  padding: 10px;
  padding-bottom: 0px;
}
html[dir=ltr] .widget-container .widget {
  background: #ffffff;
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 0px;
}
html[dir=ltr] .widget-container .widget .widget-container-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding: 15px 20px;
}
html[dir=ltr] .widget-container .widget .widget-container-header h4 {
  font-weight: 700;
  color: #012943;
  font-size: 15px;
  margin-bottom: 0px;
  position: relative;
  text-transform: uppercase;
  margin-right: auto;
}
html[dir=ltr] .widget-container .widget .widget-container-header h4 .br {
  bottom: -9px;
  width: 40px;
  position: absolute;
  left: -1px;
  height: 4px;
  background: #00b1b7;
  display: none;
}
html[dir=ltr] .widget-container .widget .widget-container-header .widget-nav {
  margin-right: auto;
  position: relative;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}
html[dir=ltr] .widget-container .widget .widget-container-header .widget-nav .back-btn {
  padding: 3px;
  margin-right: 15px;
  border-right: 1px solid #ced4da;
  padding-right: 15px;
}
html[dir=ltr] .widget-container .widget .widget-container-header .widget-nav .back-btn:hover {
  color: #efb334;
  cursor: pointer;
}
html[dir=ltr] .widget-container .widget .widget-container-header .widget-nav .widget-nav-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=ltr] .widget-container .widget .widget-container-header .widget-nav .widget-nav-container a {
  font-weight: 700;
  color: #012943;
  font-size: 15px;
  text-transform: uppercase;
}
html[dir=ltr] .widget-container .widget .widget-container-header .widget-nav .widget-nav-container a:hover, html[dir=ltr] .widget-container .widget .widget-container-header .widget-nav .widget-nav-container a:focus {
  color: #00b1b7;
}
html[dir=ltr] .widget-container .widget .widget-container-header .widget-nav .widget-nav-container span {
  margin: 0px 5px;
}
html[dir=ltr] .widget-container .widget .widget-container-header .widget-nav .widget-nav-container .header-nav:first-child::before {
  content: "";
}
html[dir=ltr] .widget-container .widget .widget-container-header .widget-nav .widget-nav-container .header-nav::before {
  content: "/";
  margin: 0px 5px;
  color: #012943;
  font-size: 15px;
}
html[dir=ltr] .widget-container .widget .widget-container-header .widget-nav .br {
  bottom: -9px;
  width: 40px;
  position: absolute;
  left: -1px;
  height: 4px;
  background: #00b1b7;
  display: none;
}
html[dir=ltr] .widget-container .widget .widget-container-header .header-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  padding: 5px 0px;
}
html[dir=ltr] .widget-container .widget .widget-container-header .header-tools a {
  margin: 0px;
  margin-left: 15px;
}
html[dir=ltr] .widget-container .widget .widget-container-header .header-tools a:before {
  font-weight: 100;
  font-size: 15px;
  color: #ced4da;
}
html[dir=ltr] .widget-container .widget .widget-container-header .header-tools a:hover:before, html[dir=ltr] .widget-container .widget .widget-container-header .header-tools a:focus:before, html[dir=ltr] .widget-container .widget .widget-container-header .header-tools a:active:before {
  color: #012943;
  cursor: pointer;
}
html[dir=ltr] .widget-container .widget .widget-container-header.has-footer h4 .br, html[dir=ltr] .widget-container .widget .widget-container-header.has-footer .widget-nav .br {
  display: block;
}
html[dir=ltr] .widget-container .widget .widget-container-header select {
  border-color: #ffffff;
  border-bottom-color: #ced4da;
  min-width: 160px;
  padding: 0px;
  margin-right: 10px;
  border-radius: 0px;
}
html[dir=ltr] .widget-container .widget .widget-container-header select:focus, html[dir=ltr] .widget-container .widget .widget-container-header select:active {
  box-shadow: none;
  outline: none;
  border-color: #ced4da;
}
html[dir=ltr] .widget-container .widget .widget-container-body {
  position: relative;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content {
  padding: 0px 15px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .list {
  padding: 0px;
  list-style: none;
  color: #939393;
  width: 100%;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .list .list-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px 0px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .list .list-header label {
  margin: 0px;
  text-align: center;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .list .list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  border-top: 1px solid #ced4da;
  padding: 10px 0px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .list .list-item span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .list .list-item span:hover {
  cursor: pointer;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .list .list-item label {
  margin: 0px;
  text-align: center;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .list .list-item label:hover {
  cursor: pointer;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .list .list-item:hover {
  cursor: pointer;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .list .list-item:hover span {
  color: #012943;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .list .list-item:hover label {
  color: #00b1b7;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.system-info {
  padding: 10px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.system-info .date {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 95px;
  border-right: 1px solid #ced4da;
  height: 100px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.system-info .date .month {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #027d82;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.system-info .date .day {
  font-size: 55px;
  font-weight: 900;
  width: 100%;
  line-height: 56px;
  text-align: center;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.system-info .date .year {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #012943;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.system-info .data {
  padding: 0px 15px;
  padding-right: 0px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.system-info .data h3 {
  font-family: "OpenSans";
  width: 100%;
  font-size: 14px;
  margin: 0px;
  padding: 3px 6px;
  text-align: left;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.system-info .data h3 span {
  color: #a1b32b;
  /*   font-size: 2.5vw; */
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.system-info .data h3:before {
  font-family: FontAwesome;
  margin-right: 5px;
  font-size: 16px;
  display: inline-block;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.system-info .data .time {
  padding: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ced4da;
  padding-top: 0px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.system-info .data .time h3 {
  font-size: 45px;
  font-weight: 100;
  line-height: 50px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.system-info .data .user-data h3 {
  /*white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 170px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.counter-data {
  padding: 10px 15px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.counter-data .icon {
  width: 55px;
  height: 55px;
  font-size: 30px;
  background: #78d0d4;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.counter-data .data {
  padding-left: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.counter-data .data h3 {
  font-weight: 100;
  width: 100%;
  margin: 0;
  font-size: 20px;
  color: #012943;
  text-align: left;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.counter-data .data p {
  font-weight: 300;
  width: 100%;
  margin: 0;
  font-size: 14px;
  color: #939393;
  text-align: left;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.counter-data .data p span {
  margin-right: 5px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.counter-data-lg {
  padding: 15px 10px;
  width: 100%;
  position: absolute;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.counter-data-lg .data p {
  margin: 0px;
  text-transform: uppercase;
  width: 100%;
  text-align: left;
  font-weight: 300;
  color: #012943;
  font-size: 14px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.counter-data-lg .data h3 {
  font-weight: 100;
  color: #939393;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.counter-data-lg .icon {
  font-size: 42px;
  color: #ced4da;
  padding: 5px 10px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.success .icon {
  background: #cbdc5a;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.warning .icon {
  background: #fdc977;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.danger .icon {
  background: #f2a095;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.plan-data {
  padding: 0px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.plan-data .data-set .data-set-item h3, html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.plan-data .data-set .data-set-item p {
  text-align: left;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.plan-data .data-set .data-set-item span {
  font-size: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 5px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .sliders {
  padding-bottom: 10px;
  padding-top: 5px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 5px 0px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item p {
  margin: 0px;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  color: #55585a;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item span {
  margin-left: 10px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #00b1b7;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item .progress {
  width: 100%;
  margin-top: 5px;
  height: 10px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item .progress .current {
  background-color: #00b1b7;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item .progress .latest {
  background-color: #78d0d4;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.success span {
  color: #a1b32b;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.success .progress .current {
  background-color: #a1b32b;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.success .progress .latest {
  background-color: #cbdc5a;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.danger span {
  color: #ff3333;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.danger .progress .current {
  background-color: #ff3333;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.danger .progress .latest {
  background-color: #f2a095;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.warning span {
  color: #efb334;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.warning .progress .current {
  background-color: #efb334;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.warning .progress .latest {
  background-color: #fdc977;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.widget-table {
  padding-bottom: 15px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper {
  padding: 0px 5px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper .datatable-table {
  margin-bottom: 10px;
  height: auto !important;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper .datatable-table .table {
  margin: 0px !important;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper .datatable-table .table thead tr th {
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  margin: 0px;
  color: #55585a;
  font-weight: 700;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper .datatable-table .table tbody tr td {
  padding: 2px !important;
  font-weight: 300;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper .datatable-table .table tbody tr td[tabindex="0"] {
  padding: 10px 2px !important;
  padding-left: 20px !important;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper .datatable-table .table tbody tr .tools-td a {
  margin: 0px !important;
  padding: 3px 5px !important;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper .datatable-footer {
  justify-content: flex-end;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate {
  width: auto !important;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header {
  padding: 0px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul {
  flex-direction: row;
  border-bottom: 4px solid #ced4da;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li {
  position: relative;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li a {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: transparent;
  text-transform: uppercase;
  font-size: 13px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li a span {
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li .selected {
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  background: #00b1b7;
  margin-bottom: -4px;
  display: none;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.active-item .selected {
  display: block;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.warning a {
  color: #efb334;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.warning a span {
  color: #efb334;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.warning .selected {
  background: #efb334;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.danger a {
  color: #ff3333;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.danger a span {
  color: #ff3333;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.danger .selected {
  background: #ff3333;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.success a {
  color: #a1b32b;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.success a span {
  color: #a1b32b;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.success .selected {
  background: #a1b32b;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header .icon-refresh {
  color: #ffffff;
  background: #00b1b7;
  padding: 12px 14px;
  font-size: 28px;
  border-radius: 5px;
  margin-left: 15px;
  margin-top: 5px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-body {
  padding: 0px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-body .tab-pane .search-form {
  margin: 10px 0px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-body .tab-pane .search-form .form-group {
  padding: 0px;
  margin: 0px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-body .tab-pane .search-form .form-group span {
  position: absolute;
  right: 15px;
  top: 10px;
  color: #939393;
  outline-color: none;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.profile {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  padding: 27px 20px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.profile img {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  border: 8px solid #ffffff;
  margin-bottom: 5px;
  box-shadow: 0px 0px 4px #ced4da;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.profile .profile-data {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.profile .profile-data h4 {
  text-align: center;
  margin: 0px;
  font-weight: 900;
  color: #012943;
  font-size: 25px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.profile .profile-data span {
  text-align: center;
  text-transform: uppercase;
  color: #55585a;
  font-size: 14px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.profile .shift-form {
  padding: 10px 0px 0px 0px;
  border-top: 1px solid #ced4da;
  margin-top: 5px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.profile .shift-form .form-group {
  margin-bottom: 10px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list {
  list-style: none;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-title {
  width: 100%;
  padding: 5px;
  padding-bottom: 0px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-title p {
  text-transform: uppercase;
  text-align: left;
  font-size: 12px;
  margin: 0px;
  color: #55585a;
  width: 100%;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-title.large {
  font-size: 14px !important;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item {
  padding: 3px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item a {
  height: 68px;
  width: 68px;
  background: #ffffff;
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ced4da;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item a:before {
  font-size: 32px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item a:hover, html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item a:focus {
  cursor: pointer;
  border-color: #78d0d4;
  background: #78d0d4;
  color: #ffffff;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item.success a:hover, html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item.success a:focus {
  border-color: #cbdc5a;
  background: #cbdc5a;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item.warning a:hover, html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item.warning a:focus {
  border-color: #fdc977;
  background: #fdc977;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item.danger a:hover, html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item.danger a:focus {
  border-color: #f2a095;
  background: #f2a095;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large {
  padding: 5px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large a {
  position: relative;
  border-radius: 4px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 35px;
  height: 125px;
  width: 125px;
  color: #ffffff;
  background: #78d0d4;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large a span {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  margin: 5px;
  color: #ffffff;
  font-size: 14px;
  font-family: "OpenSans";
  text-align: left;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large a:hover, html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large a:focus {
  background: #00b1b7;
  border-color: #00b1b7;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.success a {
  color: #ffffff;
  background: #cbdc5a;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.success a:hover, html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.success a:focus {
  border-color: #a1b32b;
  background: #a1b32b;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.warning a {
  color: #ffffff;
  background: #fdc977;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.warning a:hover, html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.warning a:focus {
  border-color: #efb334;
  background: #efb334;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.danger a {
  color: #ffffff;
  background: #f2a095;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.danger a:hover, html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.danger a:focus {
  border-color: #ff3333;
  background: #ff3333;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .explorer-container {
  padding: 5px 25px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a {
  height: auto !important;
  width: auto !important;
  background: none;
  border: none;
  margin: 0px 15px;
  padding: 0px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a p {
  font-size: 13px;
  text-align: center;
  font-weight: 300;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #939393;
  font-family: "OpenSans";
  min-height: 15px;
  margin-bottom: 0px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a::before {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  transition: transform 0.5s;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a:hover, html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a:focus, html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a:active {
  background: none;
  color: #78d0d4;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a:hover::before, html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a:focus::before, html[dir=ltr] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a:active::before {
  transform: scale(1.2);
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.admin-form-container {
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 85px);
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .main-logo-div {
  padding: 60px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .main-logo-div img {
  height: 130px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .admin-program-form .form-div {
  position: relative;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .admin-program-form .form-div span {
  position: absolute;
  left: 0px;
  margin: 12px 15px;
  z-index: 9;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .admin-program-form .form-div select {
  padding-left: 40px !important;
  min-height: 40px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .prog-div {
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .prog-div p {
  margin-left: 15px;
  margin-bottom: 0px;
  font-size: 16px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .prog-div img {
  width: 120px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.admin-form-container .prog-widget-footer {
  align-items: center;
  justify-content: center;
  padding: 15px;
  align-self: flex-end;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.admin-form-container .prog-widget-footer img {
  height: 50px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.admin-form-container .prog-widget-footer p {
  margin-right: 5px;
  margin-bottom: 0px;
  font-weight: 900;
  font-size: 14px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .chart-container .amcharts-main-div .amcharts-chart-div a {
  display: none !important;
}
html[dir=ltr] .widget-container .widget .widget-container-body .chart-container.br-bottom {
  padding-bottom: 10px;
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .widget-container .widget .widget-container-body .data-set {
  padding: 10px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .data-set .data-set-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px 5px;
  padding-top: 5px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .data-set .data-set-item h3 {
  width: 100%;
  color: #55585a;
  text-align: center;
  margin: 0px;
  font-weight: 700;
  font-size: 26px;
}
html[dir=ltr] .widget-container .widget .widget-container-body .data-set .data-set-item p {
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  margin: 0px;
  color: #939393;
}
html[dir=ltr] .widget-container .widget .widget-container-body .data-set .data-set-item.br {
  border-right: 1px solid #ced4da;
}
html[dir=ltr] .widget-container .widget .widget-container-body .data-set .data-set-item.br-bottom {
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .widget-container.no-back .widget {
  background: none;
  border: none;
}
html[dir=ltr] .widget-container.no-back .widget .widget-container-header {
  padding: 15px 5px;
  padding-top: 5px;
}
html[dir=ltr] .widget-container.no-back .widget .widget-container-body .widget-content {
  padding: 0px;
}
html[dir=ltr] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list {
  list-style: none;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
html[dir=ltr] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-title {
  width: 100%;
  padding: 5px;
  padding-bottom: 0px;
}
html[dir=ltr] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-title p {
  text-transform: uppercase;
  text-align: left;
  font-size: 16px;
  margin: 0px;
  color: #000000;
  width: 100%;
  font-weight: 600;
}
html[dir=ltr] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item {
  padding: 3px;
}
html[dir=ltr] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item a {
  height: 68px;
  width: 68px;
  background: #ffffff;
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ced4da;
}
html[dir=ltr] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item a:before {
  font-size: 32px;
}
html[dir=ltr] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item a:hover, html[dir=ltr] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item a:focus {
  cursor: pointer;
  border-color: #78d0d4;
  background: #78d0d4;
  color: #ffffff;
}
html[dir=ltr] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item.success a:hover, html[dir=ltr] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item.success a:focus {
  border-color: #cbdc5a;
  background: #cbdc5a;
}
html[dir=ltr] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item.warning a:hover, html[dir=ltr] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item.warning a:focus {
  border-color: #fdc977;
  background: #fdc977;
}
html[dir=ltr] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item.danger a:hover, html[dir=ltr] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item.danger a:focus {
  border-color: #f2a095;
  background: #f2a095;
}
html[dir=ltr] .widget-container button {
  padding: 12px;
  margin: 10px 0px;
}
html[dir=ltr] .rt-90 {
  transform: rotate(90deg);
}
html[dir=ltr] .index-data-section {
  padding-bottom: 15px !important;
}
html[dir=ltr] .b-dir {
  border-left: 1px solid #ced4da;
}
html[dir=ltr] .b-op {
  border-right: 1px solid #ced4da;
}
@media only screen and (max-width: 1522px) {
  html[dir=ltr] .widget .system-info .date {
    width: 30% !important;
    padding: 5px 10px !important;
    height: auto !important;
  }
  html[dir=ltr] .widget .system-info .date .month {
    font-size: 14px;
  }
  html[dir=ltr] .widget .system-info .date .day {
    font-size: 38px !important;
    line-height: 38px !important;
  }
  html[dir=ltr] .widget .system-info .data {
    width: 100%;
    padding: 0px 10px !important;
  }
  html[dir=ltr] .widget .system-info .data .time h3 {
    font-size: 30px !important;
    line-height: 35px !important;
  }
  html[dir=ltr] .widget .system-info .data .user-data h3 {
    max-width: 110px !important;
  }
  html[dir=ltr] .widget .system-info .data .user-data h3:before {
    font-size: 14px !important;
  }
}
@media only screen and (max-width: 700px) {
  html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .main-logo-div img {
    height: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  html[dir=ltr] .widget .system-info .date {
    width: 95px !important;
    border: none !important;
    border-right: 1px solid #ced4da !important;
    padding: 5px 10px !important;
    height: 100px !important;
  }
  html[dir=ltr] .widget .system-info .date .month {
    font-size: 16px;
  }
  html[dir=ltr] .widget .system-info .date .day {
    font-size: 55px !important;
    line-height: 56px !important;
  }
  html[dir=ltr] .widget .system-info .data {
    width: auto !important;
    padding: 0px 15px !important;
    padding-right: 0px !important;
  }
  html[dir=ltr] .widget .system-info .data .time h3 {
    font-size: 45px !important;
    line-height: 50px !important;
  }
  html[dir=ltr] .widget .system-info .data .user-data h3 {
    max-width: 100% !important;
  }
  html[dir=ltr] .widget .system-info .data .user-data h3:before {
    font-size: 16px !important;
  }
}
html[dir=ltr] .financial-module {
  background: #f0f0f0;
}
html[dir=ltr] .financial-module .a.black {
  color: black;
}
html[dir=ltr] .financial-module .data-container-header {
  padding: 6px;
  background: #f0f0f0;
}
html[dir=ltr] .financial-module .data-container-header .section-header-main {
  padding: 5px 2px;
  /*span{
      width: 40px;
      height: 40px;
      font-size: 24px;
      &:before{
          width: 40px;
          height: 40px;
      } 
      padding: 0px;
  }   */
}
html[dir=ltr] .financial-module .data-container-header .section-header-main span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  font-size: 20px;
}
html[dir=ltr] .financial-module .data-container-header .section-header-main span::before {
  width: 42px;
  height: 42px;
}
html[dir=ltr] .financial-module .data-container-header .section-header-main .data {
  margin-left: 10px;
}
html[dir=ltr] .financial-module .data-container-header .section-header-main .data h4 {
  font-size: 18px;
  line-height: 24px;
  color: #012943;
}
html[dir=ltr] .financial-module .data-container-header .section-header-main .data .breadcrumb .breadcrumb-item {
  font-size: 14px;
}
html[dir=ltr] .financial-module .data-container-header .section-header-main .data .breadcrumb .breadcrumb-item a {
  color: #012943;
  font-size: 14px;
}
html[dir=ltr] .financial-module .data-container-header .section-header-tools {
  padding: 6px 1px;
  margin-bottom: 0px;
  z-index: 1;
  /* background: none; */
  /* padding-right:0px; */
  /* .data-container-body-header-controls{
      a{
          padding: 6px 12px;
          span{
              font-weight: $FW-Regular;
          }
          &::before{
              font-size: 16px;
              margin-right: 10px;
          }
          &.icon-gbtn{
              padding: 8px 10px;
              &:before{
                  font-size: 16px;                            
                  margin-right: 0px;
              }
          }
      }
  }  */
}
html[dir=ltr] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section {
  padding: 0px 5px;
}
html[dir=ltr] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section.br {
  border-right: 1px solid #ced4da;
}
html[dir=ltr] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section .header-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0px;
}
html[dir=ltr] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section .header-input label {
  border: none;
  color: #012943;
  font-weight: 300;
  font-size: 15px;
  padding: 0px 5px;
  font-weight: 900;
}
html[dir=ltr] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section .header-input label:after {
  content: ":";
  margin-left: 10px;
  font-weight: 900;
}
html[dir=ltr] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section .header-input input {
  min-width: auto;
  width: 100px;
  text-align: center;
  background: none;
  box-shadow: none;
  border: none;
  font-weight: 300;
  font-size: 16px;
  border: 1px solid #ced4da;
  margin: 0px 5px;
}
html[dir=ltr] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section a {
  padding: 8px 11px;
  max-height: 35px;
  min-width: 35px;
  font-size: 15px;
}
html[dir=ltr] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section a::before {
  font-size: 15px;
}
html[dir=ltr] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section a.tools-icons {
  padding: 0px;
}
html[dir=ltr] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section a.tools-icons::before {
  display: flex;
  font-size: 25px;
  align-items: center;
  justify-content: center;
  height: 19px;
}
html[dir=ltr] .financial-module .data-container-body {
  padding: 0px 6px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main {
  padding-bottom: 6px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-header {
  background: #ffffff;
  border-radius: 6px;
  border-top-left-radius: 6px;
  border: 1px solid #ced4da;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 15px 5px;
  flex-direction: row;
  margin-bottom: 4px;
  position: relative;
  border-top-right-radius: 0px;
  overflow-y: hidden;
  overflow-x: hidden;
  justify-content: center;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-header .header-tools {
  padding: 5px 15px;
  padding-top: 0px;
  border-bottom: 1px solid #ced4da;
  max-width: 99%;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-header .header-tools h6 {
  font-weight: 700;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-header .header-tools .close-search {
  position: absolute;
  right: 0px;
  margin-right: 15px;
  color: #ced4da;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-header .header-tools .close-search:hover, html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-header .header-tools .close-search:active, html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-header .header-tools .close-search:focus {
  color: #ff3333;
  cursor: pointer;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-header .search-container-div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body {
  margin-bottom: 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .grid {
  height: calc(100vh - 145px);
  width: calc(100vw - 100px);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .grid.max100vh-565px {
  height: calc(100vh - 570px);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .grid.max100vh-75vh {
  height: calc(100vh - 75vh);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .grid.max100vh-60vh {
  height: calc(100vh - 60vh);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .grid.max100vh-65vh {
  height: calc(100vh - 65vh);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .grid.max100vh-57vh {
  height: calc(100vh - 57vh);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .grid.max100vh-510px {
  height: calc(100vh - 510px);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .grid.max100vh-300px {
  height: calc(100vh - 300px);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .data-container-body-content-main-body {
  /*   max-height: calc(100vh - 145px); */
  min-height: calc(100vh - 145px);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main {
  padding-left: 3px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body.search-hide {
  padding: 0px;
  border: none;
  max-height: 0px !important;
  visibility: hidden !important;
  margin-top: -5px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body.search-show {
  margin-top: 0px;
  max-height: 100px !important;
  visibility: visible;
  margin-top: 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body.search-container {
  margin-bottom: 5px;
  border-bottom-right-radius: 0px;
  overflow: hidden;
  -webkit-transition: all 2s ease;
  /* Safari */
  transition: all 2s ease;
  height: auto;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body.search-container .search-container-div .data-desc-header {
  margin-bottom: 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body.search-container .search-container-div .data-desc-header .data-desc-header-content {
  padding-bottom: 0px;
  border: none;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body.search-container .search-container-div .data-desc-header .data-desc-header-content .main-data .form-group {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body.search-container .search-container-div .data-desc-header .data-desc-header-content .main-data button {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  margin-right: 15px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body.after-search {
  max-height: calc(100vh - 240px);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body {
  min-height: calc(100vh - 440px);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body.min-300 {
  min-height: calc(100vh - 300px);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body.min-60vh {
  min-height: calc(100vh - 60vh);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container {
  margin: 0px;
  padding: 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-header h4, html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-header h5 {
  width: unset;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-header .data-desc-body-container-body-header-tools {
  margin-left: auto;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav {
  padding: 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item {
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a {
  position: relative;
  color: #012943;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a .tab-indicator {
  height: 4px;
  width: 100%;
  background: #cbdc5a;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  display: none;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a.active {
  background: none;
  color: #a1b32b;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a.active .tab-indicator {
  display: block;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a:hover, html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a:focus, html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a:active {
  color: #a1b32b;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav.br {
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav.br .nav-item {
  border: none;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content {
  padding-right: 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane {
  padding-right: 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane.scrollable {
  max-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner {
  padding: 0px;
  padding-bottom: 0px;
  align-items: flex-start;
  margin: 0px;
  padding-top: 10px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .tab-pane-contatiner-section {
  margin: 10px;
  padding-left: 10px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .tab-pane-contatiner-section.br-side {
  border-right: 1px solid #ced4da;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .imageTag {
  max-height: 25%;
  max-width: 25%;
  min-width: 190px;
  object-fit: contain;
  min-height: 190px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .upload-image-div .imageTag {
  max-height: 25%;
  max-width: 25%;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner h6 {
  font-weight: 900;
  text-align: left;
  border-bottom: 1px solid #ced4da;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid {
  width: 100vw;
  padding: 0px !important;
  margin: 0px !important;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid.h-425 {
  height: 398px !important;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid.h-174 {
  height: 174px !important;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid .ag-root {
  padding: 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-565px {
  height: calc(100vh - 565px);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-75vh {
  height: calc(100vh - 75vh);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-70vh {
  height: calc(100vh - 70vh);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-60h {
  height: calc(100vh - 60vh);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-62h {
  height: calc(100vh - 62vh);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .total-input {
  margin: 5px 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .total-input label {
  margin: 0px !important;
  margin-left: 10px !important;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner {
  padding: 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .vertical-nav {
  padding-right: 10px;
  max-height: 400px;
  overflow-y: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .vertical-nav li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 0px;
  flex-wrap: wrap;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .vertical-nav li a p {
  margin: 0px;
  margin-right: auto;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .vertical-nav li a .total {
  color: #ffffff;
  background: #012943;
  font-size: 14px;
  font-weight: 500;
  padding: 0px 10px;
  border-radius: 15px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .vertical-nav li a.active .total {
  background: #a1b32b !important;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .vertical-nav li.total p {
  font-weight: 600;
  margin: 5px 0px;
  font-size: 14px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .vertical-nav li.total span {
  color: #a1b32b;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .tab-content {
  min-height: 400px;
  border-left: 1px solid #ced4da;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .tab-content .tab-pane-contatiner .grid {
  height: calc(100vh - 510px);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .inline-form-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .inline-form-group label:first-child {
  width: auto;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .inline-form-group label:first-child:after {
  content: ":";
  margin-left: 10px;
  font-weight: 900;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .control-inline div:last-child input {
  border-left: none;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-footer {
  padding: 10px 0px;
  border-top: 1px solid #ced4da;
  margin: auto;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-footer .data-desc-footer-container .detail-data {
  margin: 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-footer .data-desc-footer-container .data-desc-footer-container-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 15px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-footer .data-desc-footer-container .data-desc-footer-container-item label:first-child:after {
  content: ":";
  margin-left: 10px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main.profile-main .tab-content .tab-pane.scrollable {
  max-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main.profile-main .tab-content .tab-pane .data-container-body-content-main-body {
  align-content: flex-start;
  align-items: flex-start;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main.profile-main .tab-content .tab-pane .data-container-body-content-main-body .data-desc-body {
  padding: 0px 15px;
  padding-bottom: 15px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main.profile-main .tab-content .tab-pane .data-container-body-content-main-body:first-child {
  min-height: calc(100vh - 235px);
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main.profile-main .tab-content .tab-pane .data-container-body-content-main-body .data-desc-footer {
  justify-content: flex-end;
  align-items: center;
  align-content: flex-end;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main.profile-main .tab-content .tab-pane .data-container-body-content-main-body .data-desc-footer .form-group label {
  font-size: 17px;
  font-weight: 900;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main.profile-main .tab-content .tab-pane .data-container-body-content-main-body .data-desc-footer .form-group input {
  font-size: 17px;
  font-weight: 900;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .main-footer {
  min-height: 85px;
  margin-top: 5px;
  align-content: flex-start;
  align-items: flex-start;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side {
  padding-right: 3px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body {
  min-height: calc(100vh - 145px);
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-header {
  padding-bottom: 8px;
  margin-bottom: 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data {
  align-content: center;
  align-items: center;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data h4 {
  width: auto;
  margin-right: 10px;
  /* padding: 5px 10px;
  border-right:1px solid $BorderColor;
  margin-bottom: 0px; */
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section {
  margin-left: auto;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section .icon-gbtn {
  padding: 5px;
  font-size: 25px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section .icon-gbtn:hover, html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section .icon-gbtn:focus, html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section .icon-gbtn:active {
  cursor: pointer;
  color: #efb334;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container {
  padding: 0px 10px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools {
  margin-bottom: 10px;
  padding: 0px;
  border-bottom: 1px solid #ced4da;
  padding-bottom: 7px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link {
  font-family: "OpenSans";
  color: #012943;
  padding: 5px;
  text-align: left;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link::before {
  font-family: FontAwesome;
  margin-right: 10px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link:first-child {
  border-right: 1px solid #ced4da;
  padding: 5px;
  padding-right: 10px;
  margin-right: 10px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link:hover, html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link:focus, html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link:active {
  cursor: pointer;
  color: #a1b32b;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-group {
  margin-bottom: 0.7rem;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-group .search-icon {
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px 12px;
  font-size: 16px;
  color: #ced4da;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body {
  padding: 0px 15px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header {
  padding: 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 15px 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img {
  background: #f0f0f0;
  border-radius: 6px;
  width: 115px;
  height: 115px;
  position: relative;
  border: 10px solid #ffffff;
  box-shadow: 0px 0px 9px #ced4da;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img .icon {
  color: rgba(1, 41, 67, 0.85);
  font-size: 60px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  z-index: 5;
  cursor: pointer;
  box-shadow: 0px 0px 9px #ced4da;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img img {
  border-radius: 6px;
  width: 115px;
  height: 115px;
  object-fit: cover;
  z-index: 20;
  box-shadow: 0px 0px 9px #ced4da;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  display: none;
  z-index: 10;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img .overlay:before {
  color: #ffffff;
  font-size: 50px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img:hover, html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img:focus, html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img:active {
  cursor: pointer;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img:hover .overlay, html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img:focus .overlay, html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img:active .overlay {
  display: flex;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-data {
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0px 15px;
  flex-direction: column;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-data p {
  margin: 0px;
  margin-bottom: 5px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: "OpenSans";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-data p:before {
  color: #00b1b7;
  margin-right: 10px;
  font-size: 16px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-data p.fa:before {
  font-family: FontAwesome;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-data h3 {
  margin: 0px;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container {
  padding: 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav {
  padding: 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item {
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a {
  position: relative;
  color: #012943;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a .tab-indicator {
  height: 4px;
  width: 100%;
  background: #cbdc5a;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  display: none;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a.active {
  background: none;
  color: #a1b32b;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a.active .tab-indicator {
  display: block;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a:hover, html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a:focus, html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a:active {
  color: #a1b32b;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav.br {
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav.br .nav-item {
  border: none;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner {
  padding: 0px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .vertical-nav {
  padding-right: 5px;
  max-height: calc(100vh - 315px);
  min-height: calc(100vh - 315px);
  overflow-y: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .vertical-nav li {
  width: 100%;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .vertical-nav li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 0px;
  flex-wrap: wrap;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .vertical-nav li a p {
  margin: 0px;
  margin-right: auto;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 100;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .vertical-nav li a .total {
  color: #ffffff;
  background: #012943;
  font-size: 14px;
  font-weight: 500;
  padding: 0px 10px;
  border-radius: 15px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .vertical-nav li a.active .total {
  background: #a1b32b !important;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .vertical-nav li.total p {
  font-weight: 600;
  margin: 5px 0px;
  font-size: 14px;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .vertical-nav li.total span {
  color: #a1b32b;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .tab-content {
  min-height: 400px;
  border-left: 1px solid #ced4da;
}
html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .tab-content .tab-pane-contatiner .grid {
  height: calc(100vh - 510px);
}
html[dir=ltr] .br-side {
  border-right: 1px solid #ced4da;
}
html[dir=ltr] .bl-side {
  border-left: 1px solid #ced4da;
}
html[dir=ltr] .TimeSheet {
  border: 1px solid #ced4da;
  color: #00111d;
  border-radius: 4px;
}
html[dir=ltr] .TimeSheet .td {
  border: 1px solid #ced4da;
  text-align: center;
}
html[dir=ltr] .TimeSheet .TimeSheet-cell-selected {
  background-color: #496ca6 !important;
}
html[dir=ltr] .TimeSheet .TimeSheet-cell-selecting {
  background-color: #00b1b7 !important;
}
html[dir=ltr] #wrap {
  width: 1100px;
  margin: 0 auto;
}
html[dir=ltr] #external-events {
  float: left;
  width: 200px;
  height: 600px;
  overflow: auto;
  padding: 0 15px 0 15px;
  border: 1px solid #ccc;
  background: #eee;
  text-align: center;
}
html[dir=ltr] #external-events h4 {
  font-size: 16px;
  margin-top: 0;
  padding-top: 5px;
  text-align: center;
}
html[dir=ltr] #external-events h5 {
  font-size: 14px;
  margin-top: 0;
  padding-top: 0.5em;
  text-align: left;
}
html[dir=ltr] #external-events .fc-event {
  margin: 10px 0;
  cursor: pointer;
}
html[dir=ltr] #external-events p {
  margin: 1.5em 0;
  font-size: 11px;
  color: #666;
}
html[dir=ltr] #external-events p input {
  margin: 0;
  vertical-align: middle;
}
html[dir=ltr] #external-events .external-events-list {
  max-height: 110px;
  overflow: auto;
  margin: 10px 0px;
  margin-top: 0;
  padding: 0px 5px;
  border: 2px solid #ced4da;
}
html[dir=ltr] #external-events .custom-checkbox label {
  color: #000 !important;
}
html[dir=ltr] #external-events .custom-checkbox label::before {
  border: 2px solid #ced4da !important;
}
html[dir=ltr] #calendar {
  float: right;
  width: 900px;
  max-height: 600px;
  height: 600px;
  padding: 15px;
  overflow: auto;
  overflow-x: auto;
}
html[dir=ltr] .modal-xl {
  max-width: 1200px;
}
@media only screen and (max-width: 1640px) {
  html[dir=ltr] .profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content {
    flex-direction: column;
    align-items: center !important;
  }
  html[dir=ltr] .profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-data {
    margin-top: 10px;
    flex-basis: inherit !important;
    align-items: center !important;
  }
  html[dir=ltr] .profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-pane-contatiner .vertical-nav {
    max-height: calc(100vh - 430px) !important;
    min-height: calc(100vh - 430px) !important;
  }
}
@media only screen and (max-width: 992px) {
  html[dir=ltr] .financial-module {
    padding-top: 0;
  }
  html[dir=ltr] .financial-module .data-container {
    height: calc(100vh - 121px);
  }
  html[dir=ltr] .financial-module .data-container .gird {
    height: 100vh !important;
  }
}
@media only screen and (max-width: 1199px) {
  html[dir=ltr] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .data-container-body-content-main-body {
    height: auto !important;
  }
  html[dir=ltr] .financial-module .gird {
    height: calc(100vh - 201px);
  }
  html[dir=ltr] .main {
    padding-left: 0px !important;
  }
  html[dir=ltr] .main .data-container-body-content-main-body {
    max-height: unset;
    height: auto !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  html[dir=ltr] .side {
    padding-right: 0px !important;
    padding-bottom: 5px;
  }
  html[dir=ltr] .side .data-container-body-content-main-body {
    height: auto !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  html[dir=ltr] .profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content {
    flex-direction: row;
    align-items: flex-start !important;
  }
  html[dir=ltr] .profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-data {
    margin-top: 0px;
    flex-basis: 0 !important;
    align-items: flex-start !important;
  }
  html[dir=ltr] .profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-pane-contatiner .vertical-nav {
    max-height: unset !important;
    min-height: unset !important;
  }
}
html[dir=ltr] .ag-theme-balham {
  background: none;
}
html[dir=ltr] .ag-theme-balham.h-390 {
  height: calc(100vh - 390px) !important;
}
html[dir=ltr] .ag-theme-balham.h-500 {
  height: calc(100vh - 500px) !important;
}
html[dir=ltr] .ag-theme-balham.Max100vh-600 {
  height: calc(100vh - 600px) !important;
}
html[dir=ltr] .ag-theme-balham.no-side .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar {
  display: none !important;
}
html[dir=ltr] .ag-theme-balham.no-br .ag-root-wrapper .ag-root-wrapper-body .ag-root {
  border: none !important;
}
html[dir=ltr] .ag-theme-balham.auto-height .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport {
  height: 100% !important;
  width: 100% !important;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body {
  direction: ltr !important;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root {
  border: 1px solid #ced4da;
  background: #ffffff;
  padding: 10px;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-header {
  background: none;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-header .ag-header-viewport {
  direction: ltr;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-header .ag-header-cell[col-id=tools] .ag-header-select-all {
  display: none !important;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-header .ag-header-cell[col-id=tools] .ag-cell-label-container {
  display: flex;
  align-content: center;
  justify-content: center;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-header .ag-header-cell[col-id=tools] .ag-cell-label-container .ag-header-icon {
  display: none !important;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-header .ag-header-cell[col-id=tools] .ag-cell-label-container .ag-header-cell-label {
  display: flex;
  align-content: center;
  justify-content: center;
  text-align: center;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-header .ag-header-cell .tools-table-header .ag-header-cell-label {
  justify-content: center;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-header .ag-header-cell-label .ag-header-cell-text {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "OpenSans";
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport {
  direction: ltr;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row-group a {
  display: none;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row {
  direction: ltr;
  text-align: left;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell {
  direction: ltr !important;
  text-align: left !important;
  font-family: "OpenSans";
  padding: 0px !important;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a {
  color: #939393;
  font-size: 16px;
  margin: 0px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a:before {
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a:hover, html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a:focus, html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a:active {
  color: #012943;
  cursor: pointer;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a.success {
  color: #a1b32b;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a.default {
  color: #00b1b7;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a.warning {
  color: #efb334;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a.danger {
  color: #ff3333;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.ag-cell-focus {
  border: none;
  background: #ced4da;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell[col-id=ag-Grid-AutoColumn] {
  direction: ltr !important;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .grid-control-div {
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell {
  padding: 0px;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell .form-group {
  margin: 0px;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell .form-group input[type=text] {
  border: none;
  font-size: 14px;
  border-radius: 0px;
  background: none;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell .form-group input[type=number] {
  border: none;
  padding: 0px 6px !important;
  font-size: 14px;
  border-radius: 0px;
  background: none;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell .form-group select {
  padding: 0 !important;
  height: 28px;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.autocomplete-cell .form-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.autocomplete-cell .form-group a {
  font-size: 16px;
  color: #00b1b7;
  margin: 0px 10px;
  position: absolute;
  left: auto;
  right:0;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.autocomplete-cell .form-group a:hover, html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.autocomplete-cell .form-group a:focus, html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.autocomplete-cell .form-group a:active {
  color: #012943;
  cursor: pointer;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.autocomplete-cell .form-group input[type=text] {
  border: none;
  padding: 4px 6px;
  font-size: 14px;
  border-radius: 0px;
  background: none;
  width: 93%;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.fdatepicker .form-group {
  display: flex;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.fdatepicker .form-group input[type=text] {
  border: none;
  padding: 4px 6px;
  font-size: 14px;
  border-radius: 0px;
  background: none;
  width: 93%;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.DropList .form-group {
  display: flex;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.DropList .form-group select {
  border: none;
  padding: 4px 6px;
  font-size: 14px;
  border-radius: 0px;
  background: none;
  width: 93%;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.icon-cell {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.icon-cell.icon-only {
  justify-content: center;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.icon-cell .icon-cell-div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.icon-cell .icon-cell-div a {
  font-size: 18px;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.icon-cell .icon-cell-div a.success {
  color: #a1b32b;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.icon-cell .icon-cell-div a.default {
  color: #00b1b7;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.icon-cell .icon-cell-div a.warning {
  color: #efb334;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.icon-cell .icon-cell-div a.danger {
  color: #ff3333;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.check-cell {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.check-cell .ag-cell-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.check-cell .ag-cell-wrapper .ag-icon {
  margin: 0px;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row.ag-row-odd {
  background-color: #fbfbfb;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row.ag-row-selected {
  background: #c4ecf3;
  color: #027d82;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-full-width-viewport-wrapper .ag-full-width-viewport .ag-full-width-container .ag-row {
  direction: ltr;
  text-align: left;
  padding-left: 10px;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-full-width-viewport-wrapper .ag-full-width-viewport .ag-full-width-container .ag-row .ag-cell {
  direction: ltr !important;
  text-align: left !important;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-full-width-viewport-wrapper .ag-full-width-viewport .ag-full-width-container .ag-row.ag-row-odd {
  background-color: #fbfbfb;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-floating-bottom .ag-floating-bottom-viewport {
  direction: ltr !important;
  text-align: left;
  font-size: 14px;
  font-family: "OpenSans";
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-floating-bottom .ag-floating-bottom-viewport .ag-floating-bottom-container .ag-row {
  background: #cbdc5a;
  color: #ffffff;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-floating-bottom .ag-floating-bottom-viewport .ag-floating-bottom-container .ag-row .ag-cell {
  padding: 0px;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-floating-bottom .ag-floating-bottom-viewport .ag-floating-bottom-container .ag-row .ag-cell .form-group {
  margin: 0px;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-floating-bottom .ag-floating-bottom-viewport .ag-floating-bottom-container .ag-row .ag-cell .form-group input[type=text] {
  border: none;
  padding: 0px 6px !important;
  font-size: 14px;
  border-radius: 0px;
  background: none;
  color: #ffffff;
}
html[dir=ltr] .ag-row .ag-cell .custom-checkbox label {
    margin-left: 5px !important;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-floating-bottom .ag-floating-bottom-viewport .ag-floating-bottom-container .ag-row .ag-cell .form-group input[type=number] {
  border: none;
  padding: 0px 6px !important;
  font-size: 14px;
  border-radius: 0px;
  background: none;
  color: #ffffff;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-floating-bottom .ag-floating-bottom-viewport .ag-floating-bottom-container .ag-row .ag-cell .form-group input {
  pointer-events: none;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-floating-bottom .ag-floating-bottom-viewport .ag-floating-bottom-container .tools {
  display: none;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border: 1px solid #ced4da;
  background: #ffffff;
  padding: 0px 0px 0px 5px;
  margin-right: 3px;
  padding-bottom: 0px;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar .ag-tool-panel-wrapper {
  border: none;
  border-right: 1px solid #ced4da;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar .ag-tool-panel-wrapper .ag-column-panel .ag-column-select-panel .ag-primary-cols-header-panel {
  direction: ltr;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar .ag-tool-panel-wrapper .ag-column-panel .ag-column-tool-panel-column {
  direction: ltr;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar .ag-tool-panel-wrapper .ag-column-panel .ag-column-drop:last-child {
  border-bottom: none;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar .ag-side-buttons {
  border-bottom: none;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar .ag-column-drop-title, html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar .ag-column-drop-empty-message {
  text-align: left;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-status-bar {
  border: none;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-paging-panel {
  border: 1px solid #ced4da;
  background: #ffffff;
  margin-top: 6px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 10px;
}
html[dir=ltr] .ag-theme-balham .ag-root-wrapper .ag-paging-panel .ag-paging-row-summary-panel {
  direction: ltr;
}
html[dir=ltr] .ag-theme-balham .ag-menu {
  z-index: 999999999999;
  /* .ag-menu-list{

  } */
}
html[dir=ltr] .ag-theme-balham .ag-menu .ag-tab-header {
  background: #cbdc5a;
  /*  .tabBody{

   } */
}
html[dir=ltr] .ag-rtl .ag-numeric-cell {
  text-align: left !important;
}
@media Print {
  html[dir=ltr] .grid {
    height: 100% !important;
  }
  html[dir=ltr] .grid .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row {
    direction: ltr;
  }
  html[dir=ltr] .grid .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell {
    direction: ltr !important;
    text-align: left !important;
  }
  html[dir=ltr] .grid .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row.ag-row-odd {
    background-color: #fbfbfb;
  }
  html[dir=ltr] .grid .ag-body .ag-full-width-viewport-wrapper .ag-full-width-viewport .ag-full-width-container .ag-row {
    direction: ltr;
    direction: rtl;
    text-align: right;
    padding-right: 10px;
  }
  html[dir=ltr] .grid .ag-body .ag-full-width-viewport-wrapper .ag-full-width-viewport .ag-full-width-container .ag-row .ag-cell {
    direction: ltr !important;
    text-align: left !important;
  }
  html[dir=ltr] .grid .ag-body .ag-full-width-viewport-wrapper .ag-full-width-viewport .ag-full-width-container .ag-row.ag-row-odd {
    background-color: #fbfbfb;
  }
}
html[dir=ltr] .page {
  margin: 0 auto;
}
html[dir=ltr] .pt {
  padding-top: 70px;
}
html[dir=ltr] .mt {
  margin-top: 6rem;
}
html[dir=ltr] .invoice-wrapper {
  width: 100vw;
  /* height: 100vh; */
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
html[dir=ltr] .invoice-wrapper.hasback {
  background-image: url("../../Content/Images/bg1.png");
  background-size: cover;
}
html[dir=ltr] .invoice-wrapper .header {
  background: rgba(251, 251, 251, 0.7);
  align-content: center;
  justify-content: center;
}
html[dir=ltr] .invoice-wrapper .header header {
  padding: 0px;
  position: relative;
}
html[dir=ltr] .invoice-wrapper .header header .logo {
  z-index: 99;
  padding: 15px;
  padding-top: 10px;
  margin-bottom: 5px;
}
html[dir=ltr] .invoice-wrapper .header header .logo img {
  width: 135px;
  height: auto;
}
html[dir=ltr] .invoice-wrapper .header header .logo2 {
  display: flex;
  justify-content: flex-start;
  z-index: 99;
  padding: 15px;
  padding-top: 10px;
  margin-bottom: 5px;
  align-content: center;
}
html[dir=ltr] .invoice-wrapper .header header .logo2 img {
  width: auto;
  height: 100px;
}
html[dir=ltr] .invoice-wrapper .header header .Details {
  display: flex;
  padding: 0;
  margin: 0;
  text-align: left;
  align-content: center;
}
html[dir=ltr] .invoice-wrapper .header header .Details p {
  margin-bottom: 0;
  color: #a1b32b;
  font-weight: 900;
}
html[dir=ltr] .invoice-wrapper .header header .Details p.address {
  font-size: 23px;
}
html[dir=ltr] .invoice-wrapper .header header .Details p.HeaderTitle {
  font-weight: 600;
  color: #193b7b;
  font-size: 30px;
}
html[dir=ltr] .invoice-wrapper .header header .data .title {
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Tajawal;
}
html[dir=ltr] .invoice-wrapper .header header .data .title.alignStart {
  justify-content: flex-start !important;
}
html[dir=ltr] .invoice-wrapper .header header .data .title h1 {
  font-weight: 900;
  color: #ffffff;
  font-size: 50px;
  padding: 13px 15px 0px 0px;
}
html[dir=ltr] .invoice-wrapper .header header .data .title h2 {
  font-weight: 900;
  color: #ffffff;
  font-size: 40px;
  padding: 13px 15px 0px 0px;
}
html[dir=ltr] .invoice-wrapper .header header .data .invoice-info {
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=ltr] .invoice-wrapper .header header .data .invoice-info p {
  text-align: right;
  margin-bottom: 0px;
}
html[dir=ltr] .invoice-wrapper .header header .header-block {
  border-top: 85px solid #f0f0f0;
  border-left: 55px solid transparent;
  height: 0;
  width: 90%;
  position: absolute;
  z-index: 10;
}
html[dir=ltr] .invoice-wrapper .header header .header-block.success {
  border-top: 105px solid #dbec68;
  border-left: 65px solid transparent;
  margin-right: -10px;
  margin-top: -10px;
  z-index: 11;
}
html[dir=ltr] .invoice-wrapper header {
  padding: 0px;
  position: relative;
}
html[dir=ltr] .invoice-wrapper header .logo {
  z-index: 99;
  padding: 15px 0px !important;
  margin-bottom: 0px;
}
html[dir=ltr] .invoice-wrapper header .logo.trans {
  padding: 5px 0px !important;
}
html[dir=ltr] .invoice-wrapper header .logo img {
  height: auto;
  max-height: 65px;
  object-fit: contain;
}
html[dir=ltr] .invoice-wrapper header .logo-new img {
  max-height: 150px;
  object-fit: contain;
}
html[dir=ltr] .invoice-wrapper header .logo2 {
  display: flex;
  justify-content: flex-start;
  z-index: 99;
  padding: 15px;
  padding-top: 10px;
  margin-bottom: 5px;
  align-content: center;
}
html[dir=ltr] .invoice-wrapper header .logo2 img {
  width: 300px;
  height: auto;
}
html[dir=ltr] .invoice-wrapper header .Details {
  display: flex;
  padding: 0;
  margin: 0;
  text-align: left;
  align-content: center;
}
html[dir=ltr] .invoice-wrapper header .Details p {
  margin-bottom: 0;
  color: #a1b32b;
  font-weight: 900;
}
html[dir=ltr] .invoice-wrapper header .Details p.address {
  font-size: 23px;
}
html[dir=ltr] .invoice-wrapper header .Details p.HeaderTitle {
  font-weight: 600;
  color: #193b7b;
  font-size: 30px;
}
html[dir=ltr] .invoice-wrapper header .data {
  display: flex;
  align-content: center;
}
html[dir=ltr] .invoice-wrapper header .data .title {
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: NeoSansArabic;
}
html[dir=ltr] .invoice-wrapper header .data .title .receiptno {
  display: flex;
  text-align: center;
  align-items: center;
}
html[dir=ltr] .invoice-wrapper header .data .title .receipttitle {
  display: flex;
  text-align: center;
  align-items: center;
}
html[dir=ltr] .invoice-wrapper header .data .title.alignStart {
  justify-content: flex-start !important;
}
html[dir=ltr] .invoice-wrapper header .data .title h1 {
  font-weight: 900;
  color: #000;
  font-size: 50px;
  padding: 0px 15px 25px 0px;
}
html[dir=ltr] .invoice-wrapper header .data .title h2 {
  font-weight: 900;
  color: #000;
  font-size: 40px;
  padding: 0px 15px 25px 0px;
}
html[dir=ltr] .invoice-wrapper header .data .title h3 {
  font-weight: 600;
  color: #000;
  font-family: "NeoSansArabic" !important;
  font-size: 40px;
  padding: 13px 15px 0px 0px;
}
html[dir=ltr] .invoice-wrapper header .data .title h3.hasTitle {
  padding: 13px 0px 0px 0px;
}
html[dir=ltr] .invoice-wrapper header .data .title p.hasTitle {
  font-family: "NeoSansArabic" !important;
}
html[dir=ltr] .invoice-wrapper header .data .invoice-info {
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 700;
}
html[dir=ltr] .invoice-wrapper header .data .invoice-info p {
  text-align: right;
  margin-bottom: 0px;
}
html[dir=ltr] .invoice-wrapper header .data .invoice-info .invoice-info-data {
  padding-bottom: 60px;
}
html[dir=ltr] .invoice-wrapper header .header-block {
  border-top: 85px solid #f0f0f0;
  border-left: 55px solid transparent;
  height: 0;
  width: 90%;
  position: absolute;
  z-index: 10;
}
html[dir=ltr] .invoice-wrapper header .header-block.success {
  border-top: 105px solid #dbec68;
  border-left: 65px solid transparent;
  margin-right: -10px;
  margin-top: -10px;
  z-index: 11;
}
html[dir=ltr] .invoice-wrapper .invoice-body {
  padding: 0px;
  margin-top: 0px;
  justify-content: center;
  min-height: calc(80vh - 267px);
  align-content: flex-start;
}
html[dir=ltr] .invoice-wrapper .invoice-body .title {
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 15px 0px 0px !important;
}
html[dir=ltr] .invoice-wrapper .invoice-body .title.alignStart {
  justify-content: flex-start !important;
}
html[dir=ltr] .invoice-wrapper .invoice-body .title p {
  font-weight: 900;
  color: #012943;
  font-size: 25px;
  padding: 3px;
  margin-top: 20px;
  text-align: center;
  padding-bottom: 0px;
}
html[dir=ltr] .invoice-wrapper .invoice-body .sub-header {
  padding: 30px 15px 30px 15px;
  justify-content: center;
  border: 2px solid #000;
  border-radius: 25px;
}
html[dir=ltr] .invoice-wrapper .invoice-body .sub-header.pPatient {
  padding: 7px 15px 30px 15px !important;
  background: none;
}
html[dir=ltr] .invoice-wrapper .invoice-body .sub-header .sub-header-title {
  padding-bottom: 2px;
  margin-bottom: 10px;
}
html[dir=ltr] .invoice-wrapper .invoice-body .sub-header .sub-header-title h3 {
  position: relative;
  z-index: 15;
}
html[dir=ltr] .invoice-wrapper .invoice-body .sub-header .sub-header-title .sub-header-block {
  border-top: 55px solid #f0f0f0;
  border-left: 55px solid transparent;
  height: 0;
  width: 25%;
  position: absolute;
  top: 0;
  z-index: 10;
}
html[dir=ltr] .invoice-wrapper .invoice-body .sub-header .sub-header-title .sub-header-block.success {
  border-top: 56 solid #dbec68;
  border-left: 50 solid transparent;
  margin-right: -10px;
  margin-top: -10px;
  z-index: 0;
}
html[dir=ltr] .invoice-wrapper .invoice-body .sub-header p {
  color: #000;
  font-weight: 700;
  text-align: right;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
}
html[dir=ltr] .invoice-wrapper .invoice-body table thead tr th {
  text-align: center;
  background: #c4ecf3 !important;
  font-weight: 700;
  border-color: #ffffff !important;
  padding: 15px 0px;
}
html[dir=ltr] .invoice-wrapper .invoice-body table tbody tr td {
  text-align: center;
  font-weight: 300;
  border-color: #ffffff !important;
  background: #ffffff !important;
}
html[dir=ltr] .invoice-wrapper .invoice-body h5 {
  text-align: center;
  font-weight: 600;
  color: rgba(0, 177, 183, 0.85);
  margin-bottom: 15px;
}
html[dir=ltr] .invoice-wrapper .invoice-body h5.head {
  text-align: right;
  color: white;
  padding: 15px;
}
html[dir=ltr] .invoice-wrapper .invoice-body .container-fluid h5 {
  text-align: center;
  font-weight: 600;
  color: rgba(0, 177, 183, 0.85);
  margin-bottom: 15px;
}
html[dir=ltr] .invoice-wrapper .invoice-body .container-fluid h5.head {
  text-align: right;
  color: #000;
  padding: 15px;
  z-index: 15;
}
html[dir=ltr] .invoice-wrapper .invoice-body .container-fluid .sub-header-block {
  border-top: 55px solid #f0f0f0;
  border-left: 55px solid transparent;
  height: 0;
  width: 25%;
  position: absolute;
  top: 0;
  z-index: 10;
}
html[dir=ltr] .invoice-wrapper .invoice-body .container-fluid .sub-header-block.success {
  border-top: 56 solid #dbec68;
  border-left: 50 solid transparent;
  margin-right: -30px;
  margin-top: 0px;
  z-index: 6;
}
html[dir=ltr] .invoice-wrapper .invoice-body .container-fluid .main-data .form-group .details.detail-data input {
  color: #000 !important;
}
html[dir=ltr] .invoice-wrapper .invoice-body .DetailsBody {
  border: 3px #ced4da solid;
  padding: 25px;
  margin-bottom: 20px;
}
html[dir=ltr] .invoice-wrapper .invoice-body .DetailsBody .details {
  display: flex;
  align-items: center;
}
html[dir=ltr] .invoice-wrapper .invoice-body .DetailsBody .details .English {
  justify-content: flex-end;
  text-align: left;
}
html[dir=ltr] .invoice-wrapper .invoice-body .DetailsBody .details .English span {
  Padding: 0px 20px 0px 20px;
  font-weight: 600;
}
html[dir=ltr] .invoice-wrapper .invoice-body .DetailsBody .details .Arabic {
  justify-content: flex-start;
  text-align: right;
}
html[dir=ltr] .invoice-wrapper .invoice-body .DetailsBody .details .Arabic span {
  Padding: 0px 20px 0px 20px;
  font-weight: 600;
}
html[dir=ltr] .invoice-wrapper .invoice-body .DetailsBody .details .Data {
  justify-content: center;
  color: #000;
  text-align: center;
  font-weight: 600;
}
html[dir=ltr] .invoice-wrapper .invoice-body .doctor-signature {
  margin-top: 100px;
}
html[dir=ltr] .invoice-wrapper .sub-footer {
  padding: 25px;
}
html[dir=ltr] .invoice-wrapper .sub-footer .signature p {
  text-align: right;
  margin-bottom: 0px;
}
html[dir=ltr] .invoice-wrapper .sub-footer .sub-footer-title {
  padding-bottom: 2px;
  margin-bottom: 10px;
}
html[dir=ltr] .invoice-wrapper .sub-footer .sub-footer-title h3 {
  position: relative;
  z-index: 15;
}
html[dir=ltr] .invoice-wrapper .sub-footer .sub-footer-title .sub-footer-block {
  border-top: 55px solid #f0f0f0;
  border-left: 55px solid transparent;
  height: 0;
  width: 25%;
  position: absolute;
  top: 0;
  z-index: 10;
}
html[dir=ltr] .invoice-wrapper .sub-footer .sub-footer-title .sub-footer-block.success {
  border-top: 56 solid #dbec68;
  border-left: 50 solid transparent;
  margin-right: -10px;
  margin-top: -10px;
  z-index: 0;
}
html[dir=ltr] .invoice-wrapper .sub-footer .totals .totals-container {
  display: flex;
  justify-content: flex-end;
}
html[dir=ltr] .invoice-wrapper .sub-footer .totals .totals-container p {
  text-align: right;
  margin-bottom: 0px;
}
html[dir=ltr] .invoice-wrapper .sub-footer .totals .totals-container p.success {
  color: #a1b32b;
}
html[dir=ltr] .invoice-wrapper .sub-footer .totals .totals-container p.danger {
  color: #ff3333;
}
html[dir=ltr] .invoice-wrapper .sub-footer .totals .totals-container img#QrImg {
  height: auto;
  max-height: 65px;
  object-fit: contain;
}
html[dir=ltr] .invoice-wrapper footer {
  align-items: center;
  position: relative;
  min-height: 62px;
  padding: 0px;
}
html[dir=ltr] .invoice-wrapper footer .footer-block {
  border-bottom: 75px solid #f0f0f0;
  border-right: 85px solid transparent;
  height: 0;
  width: 80%;
  position: absolute;
  z-index: 10;
  left: 0px;
  bottom: 0px;
}
html[dir=ltr] .invoice-wrapper footer .footer-block.blue {
  border-bottom: 62px solid #3fb0d4;
  border-right: 73px solid transparent;
  width: 75%;
  z-index: 11;
}
html[dir=ltr] .invoice-wrapper footer .footer-block.white {
  border-bottom: 75px solid #ffffff;
  width: 82%;
  z-index: 8;
}
html[dir=ltr] .invoice-wrapper footer .flat-block {
  width: 100%;
  height: 25px;
  background: #a9a9a9;
  position: absolute;
  bottom: 0px;
}
html[dir=ltr] .invoice-wrapper footer .main-footer {
  z-index: 15;
  align-items: center;
}
html[dir=ltr] .invoice-wrapper footer .main-footer .thanks {
  padding-bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .invoice-wrapper footer .main-footer .footer-data {
  margin-right: 500px;
}
html[dir=ltr] .invoice-wrapper footer .main-footer .footer-data .footer-data-div p {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  color: #ffffff;
}
html[dir=ltr] .invoice-wrapper footer .main-footer .footer-data .footer-data-div p.pres-new {
  color: #000;
  text-align: left;
  font-weight: 600;
  font-size: large;
}
html[dir=ltr] .invoice-wrapper .data-container-header {
  padding: 0px;
}
html[dir=ltr] .invoice-wrapper.receipt .notes {
  padding: 10px 40px;
  text-align: left;
  width: 100%;
  margin: 0px;
}
html[dir=ltr] .invoice-wrapper.general-receipt header .logo {
  padding: 15px;
}
html[dir=ltr] .invoice-wrapper.general-receipt .invoice-body {
  min-height: unset;
  margin-top: 0px;
}
html[dir=ltr] .invoice-wrapper.general-receipt .invoice-body .sub-header {
  background: none;
  padding: 35px 0px;
  margin: 30px 0px;
  justify-content: flex-start;
  margin-bottom: 0px;
}
html[dir=ltr] .invoice-wrapper.general-receipt .invoice-body .sub-header p {
  text-align: left;
  color: #000;
  margin-bottom: 15px;
  font-weight: 700;
  margin-right: unset;
  margin-left: unset;
}
html[dir=ltr] .invoice-wrapper.general-receipt .invoice-body .sub-header p.pres-new {
  color: #000;
}
html[dir=ltr] .invoice-wrapper.general-receipt .invoice-body .sub-header p span {
  font-weight: 300;
}
html[dir=ltr] .invoice-wrapper.general-receipt .invoice-body .sub-header p.signature {
  margin: 25px 0px 10px 0px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header {
  align-content: flex-start;
  justify-content: center;
  padding: 20px 0px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .total-amount {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 15px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .total-amount p {
  margin: 0px;
  padding: 10px 0px;
  min-width: 250px;
  border: 1px solid #ced4da;
  text-align: center;
  font-size: 22px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .total-amount span {
  margin-left: 15px;
  text-align: center;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 25px;
  padding: 0px 20px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .data-row-item-label {
  min-width: 150px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .data-row-item-label p {
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .data-row-item-label p span {
  text-align: start;
  font-weight: 900;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .data-row-item-label p span:last-child {
  font-weight: 100;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .data-row-item-label p span.bold {
  font-weight: 900;
  color: #00b1b7 !important;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .data-row-item-label p:first-child {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item.no-p-side {
  padding-right: 0px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item.no-p-side .data-row-item-label {
  min-width: unset;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item.has-check .data-row-item-label {
  min-width: unset;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item p {
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  /*text-overflow: ellipsis;*/
  font-weight: 100;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item p.bold {
  font-weight: 900;
  color: rgba(1, 41, 67, 0.85) !important;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .checkbox {
  width: 25px;
  height: 25px;
  border-radius: 8px;
  border: 2px solid #ced4da;
  margin-right: 15px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .checkbox.checked {
  background: #a1b32b;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .checkbox.checked:before {
  content: "";
  color: #ffffff;
  font: normal normal normal 14px/1 FontAwesome;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
  font-size: 15px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .Notes {
  margin: 25px auto 25px auto;
  height: 20vh;
  width: 100%;
  border-radius: 15px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .Notes ol li p {
  padding: 5px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .Notes.border {
  border: 2px solid #000;
}
html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .br-bottom {
  border-bottom: 2px solid #ced4da;
  margin-bottom: 30px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer {
  padding: 0px;
  padding-bottom: 25px !important;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 25px;
  padding: 0px 20px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .data-row-item-label {
  min-width: 150px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .data-row-item-label p {
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .data-row-item-label p span {
  text-align: center;
  font-weight: 900;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .data-row-item-label p span.bold {
  font-weight: 900 !important;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .data-row-item-label p span.alignstart {
  text-align: left;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .data-row-item-label p span:last-child {
  font-weight: 100;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .data-row-item-label p:first-child {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item.no-p-side {
  padding-right: 0px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item.no-p-side .data-row-item-label {
  min-width: unset;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item.has-check .data-row-item-label {
  min-width: unset;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item p {
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: start;
  font-weight: 100;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item p.bold {
  font-weight: 900;
  color: rgba(1, 41, 67, 0.85) !important;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item p span {
  text-align: center;
  font-weight: 900;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .checkbox {
  width: 25px;
  height: 25px;
  border-radius: 8px;
  border: 2px solid #ced4da;
  margin-right: 15px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .Notes {
  margin: 25px auto 25px auto;
  height: 40vh;
  width: 100%;
  border-radius: 15px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .Notes ol li p {
  padding: 5px;
}
html[dir=ltr] .invoice-wrapper.receipt-document .sub-footer .br-bottom {
  border-bottom: 2px solid #ced4da;
  margin-bottom: 30px;
}
html[dir=ltr] .invoice-wrapper .main-data .label-data {
  font-weight: 600;
  font-size: 15px;
}
html[dir=ltr] .seglno {
  text-orientation: mixed;
  writing-mode: vertical-lr;
  position: absolute;
  left: 2%;
  top: 30%;
  bottom: auto;
}
@media print {
  html[dir=ltr] html,
html[dir=ltr] body,
html[dir=ltr] .page {
    padding: 0;
    margin: 0;
    -moz-transform: scale(1);
  }
  html[dir=ltr] .page {
    width: 420px;
    height: 595px;
    page-break-after: always;
  }
  html[dir=ltr] .seglno {
    text-orientation: mixed;
    writing-mode: vertical-lr;
    position: absolute;
    left: 2%;
    top: 10%;
    bottom: auto;
  }
  html[dir=ltr] #footer {
    position: fixed;
    bottom: 0;
  }
  html[dir=ltr] .col-print-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  html[dir=ltr] .col-print-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  html[dir=ltr] .col-print-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  html[dir=ltr] .col-print-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  html[dir=ltr] .invoice-wrapper {
    width: 100% !important;
    height: 100% !important;
    transform: translateX(-6%);
  }
  html[dir=ltr] .invoice-wrapper header .data .alignStart {
    justify-content: flex-start !important;
  }
  html[dir=ltr] .invoice-wrapper header .data .alignStart h1 {
    font-size: 45px;
  }
  html[dir=ltr] .invoice-wrapper header .data .alignStart h2 {
    font-size: 40px;
  }
  html[dir=ltr] .invoice-wrapper header .data .alignStart h3 {
    font-size: 40px;
    padding: 13px 15px 0px 0px;
  }
  html[dir=ltr] .invoice-wrapper header .data .invoice-info .invoice-info-data {
    padding-bottom: 0;
  }
  html[dir=ltr] .invoice-wrapper header .data .title h3 {
    color: #000 !important;
    -webkit-print-color-adjust: exact;
    font-size: 30px;
    padding: 0px 0px 0px 0px;
  }
  html[dir=ltr] .invoice-wrapper header .data .title h1 {
    color: #000 !important;
    -webkit-print-color-adjust: exact;
  }
  html[dir=ltr] .invoice-wrapper header .header-block {
    border-top: 85px solid #f0f0f0 !important;
    border-left: 55px solid transparent !important;
    -webkit-print-color-adjust: exact;
    width: 97%;
  }
  html[dir=ltr] .invoice-wrapper header .header-block.success {
    border-top: 105px solid #dbec68 !important;
    border-left: 65px solid transparent !important;
    -webkit-print-color-adjust: exact;
  }
  html[dir=ltr] .invoice-wrapper .invoice-body {
    min-height: 8.5cm;
  }
  html[dir=ltr] .invoice-wrapper .invoice-body .sub-header {
    padding: 11px 15px 11px 15px;
    -webkit-print-color-adjust: exact;
    margin-top: 15px;
  }
  html[dir=ltr] .invoice-wrapper .invoice-body table thead tr th {
    padding: 10px 0px;
    font-size: 19px;
    background: #c4ecf3 !important;
    -webkit-print-color-adjust: exact;
  }
  html[dir=ltr] .invoice-wrapper .invoice-body h5.head {
    text-align: right;
    color: white;
    background-color: #3fb0d4 !important;
    -webkit-print-color-adjust: exact;
    padding: 15px;
  }
  html[dir=ltr].receipt-document .invoice-body .sub-header {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  html[dir=ltr].receipt-document .invoice-body .sub-header .data-row .data-row-item .data-row-item-label {
    min-width: unset !important;
  }
  html[dir=ltr].receipt-document .invoice-body .sub-header .data-row .data-row-item.no-p-side {
    padding-left: 5px !important;
  }
  html[dir=ltr].receipt-document .invoice-body .sub-header .data-row .data-row-item.no-p-side p:last-child {
    min-width: 105px !important;
    max-width: 105px !important;
  }
  html[dir=ltr] .sub-footer {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  html[dir=ltr] footer .flat-block {
    background: #dbec68 !important;
    -webkit-print-color-adjust: exact;
  }
  html[dir=ltr] footer .main-footer .footer-data {
    margin-right: 235px !important;
  }
  html[dir=ltr] footer .main-footer .footer-data .footer-data-div p {
    text-align: center !important;
    color: #ffffff !important;
    -webkit-print-color-adjust: exact;
    font-size: 14px;
  }
  html[dir=ltr] footer .main-footer .thanks {
    padding-bottom: 15px;
  }
  html[dir=ltr] footer .main-footer .thanks p {
    margin-bottom: 0;
  }
  html[dir=ltr] footer .footer-block.blue {
    border-bottom: 73px solid #3fb0d4 !important;
    -webkit-print-color-adjust: exact;
  }
  html[dir=ltr] footer .footer-block.blue.invoice-footer-blue {
    width: 90%;
  }
  html[dir=ltr] footer .footer-block {
    border-bottom: 85px solid #f0f0f0 !important;
    -webkit-print-color-adjust: exact;
  }
  html[dir=ltr] footer .footer-block.invoice-footer-block {
    width: 92%;
  }
  html[dir=ltr] .data-container-header {
    display: none !important;
  }
}
html[dir=ltr] .fixedBottom {
  position: absolute;
  bottom: 0;
}
html[dir=ltr] .fixedBottom .main-footer .footer-data .footer-data-div p {
  font-size: 0.78rem;
  margin: 0px 25px;
}
html[dir=ltr] .sub-footer .signature p {
  font-size: 0.8rem;
  margin-bottom: 15px;
}
html[dir=ltr] .sub-footer .totals .totals-container p {
  font-size: 0.8rem;
  margin-bottom: 15px;
}
@media only screen and (max-width: 610px) {
  html[dir=ltr] .invoice-wrapper .header header .logo2 img {
    height: 85px !important;
  }
}
@media only screen and (max-width: 960px) {
  html[dir=ltr] .invoice-wrapper {
    font-size: 14px;
  }
  html[dir=ltr] .invoice-wrapper header .data .title h3 {
    font-size: 35px !important;
    padding: 0 15px 0 0;
  }
  html[dir=ltr] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .data-row-item-label {
    min-width: 40px;
  }
  html[dir=ltr] .invoice-wrapper footer .main-footer .footer-data .footer-data-div p {
    text-align: center;
  }
}
html[dir=ltr] .invoice-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=ltr] .invoice-wrapper.print-wrap .header {
  background: none;
}
html[dir=ltr] .invoice-wrapper.print-wrap .header header {
  background: none;
}
html[dir=ltr] .invoice-wrapper.print-wrap .header header .Details p {
  color: #000;
}
html[dir=ltr] .invoice-wrapper.print-wrap .header header .Details p.HeaderTitle {
  color: #000;
}
html[dir=ltr] .invoice-wrapper.print-wrap header {
  flex: 0 0 98% !important;
}
html[dir=ltr] .invoice-wrapper.print-wrap header .data .title h3 {
  color: #000;
  padding: 0px 15px 0px 0px;
}
html[dir=ltr] .invoice-wrapper.print-wrap header .logo img {
  margin-top: 5px;
}
html[dir=ltr] .invoice-wrapper.print-wrap header .header-block {
  display: none;
}
html[dir=ltr] .invoice-wrapper.print-wrap .invoice-body {
  margin-top: 0px;
}
html[dir=ltr] .invoice-wrapper.print-wrap .invoice-body h5 {
  color: #000 !important;
}
html[dir=ltr] .invoice-wrapper.print-wrap .invoice-body .DetailsBody {
  border: 3px #000 solid;
}
html[dir=ltr] .invoice-wrapper.print-wrap .invoice-body .DetailsBody .details .Data {
  color: #000 !important;
}
html[dir=ltr] .invoice-wrapper.print-wrap .invoice-body .sub-header {
  background: none;
  padding-bottom: 30px;
}
html[dir=ltr] .invoice-wrapper.print-wrap .invoice-body .sub-header p {
  color: #000;
}
html[dir=ltr] .invoice-wrapper.print-wrap .sub-footer .totals .totals-container p,
html[dir=ltr] .invoice-wrapper.print-wrap .sub-footer .totals .totals-container span {
  color: #000 !important;
}
html[dir=ltr] .invoice-wrapper.print-wrap .main-footer .main-data-footer footer {
  border: none;
}
html[dir=ltr] .invoice-wrapper.print-wrap .main-footer .main-data-footer footer div {
  display: none;
}
html[dir=ltr] .invoice-wrapper.print-wrap footer {
  border-top: 1px solid #000;
  flex: 0 0 98% !important;
}
html[dir=ltr] .invoice-wrapper.print-wrap footer .footer-block,
html[dir=ltr] .invoice-wrapper.print-wrap footer .flat-block {
  display: none;
}
html[dir=ltr] .invoice-wrapper.print-wrap footer .main-footer .footer-data .footer-data-div p {
  color: #000;
}
html[dir=ltr] .invoice-wrapper.print-wrap footer .main-footer .thanks {
  padding: 0px;
}
html[dir=ltr] .invoice-wrapper.print-wrap footer .main-footer .thanks p {
  margin: 0px;
}
@media print {
  @page {
    html[dir=ltr] {
      size: portrait;
      -moz-transform: scale(70%, 70%);
    }
  }
  html[dir=ltr] .table {
    margin-bottom: 0.25rem;
  }
}
html[dir=ltr] .list-tree {
  list-style: none;
  padding: 0px;
}
html[dir=ltr] .list-tree ul {
  list-style: none;
  margin-left: 6px;
  border-left: 1px solid #ced4da;
  padding-left: 10px;
}
html[dir=ltr] .list-tree li {
  font-family: "OpenSans";
}
html[dir=ltr] .list-tree .list-tree-item[data-hasChildren=false] .list-tree-item-a {
  font-weight: 300;
}
html[dir=ltr] .list-tree .list-tree-item[data-hasChildren=false] .list-tree-item-a::before {
  color: #012943;
}
html[dir=ltr] .list-tree .list-tree-item.selected {
  background: #f0f0f0;
}
html[dir=ltr] .list-tree .list-tree-item .list-tree-item-a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 5px;
  font-family: "OpenSans";
  color: #012943;
  transition: transform 0.2s;
  font-weight: 700;
  font-size: 14px;
}
html[dir=ltr] .list-tree .list-tree-item .list-tree-item-a:hover {
  transform: scale(1.04);
}
html[dir=ltr] .list-tree .list-tree-item .list-tree-item-a::before {
  font-family: FontAwesome;
  margin-right: 10px;
  color: #efb334;
}
html[dir=ltr] .tree-container {
  direction: ltr;
  text-align: left;
  width: 100%;
}
html[dir=ltr] .tree-container {
  max-height: calc(100vh - 330px);
  overflow-y: auto;
  overflow-x: hidden;
}
html[dir=ltr] .jstree-icon::before {
  font-family: FontAwesome;
  font-style: normal;
}
html[dir=ltr] .jstree-icon.fa-folder {
  color: #efb334;
}
html[dir=ltr] .add-new-root:hover, html[dir=ltr] .add-new-root:focus, html[dir=ltr] .add-new-root:active {
  cursor: pointer;
  color: #a1b32b !important;
}
html[dir=ltr] .jstree-wholerow-clicked {
  background: #f0f0f0;
}
html[dir=ltr] .jstree-search {
  color: #027d82;
  font-weight: 300;
  font-style: inherit;
}
html[dir=ltr] .vakata-context {
  background: #fff;
  z-index: 10000000000000000;
}
html[dir=ltr] .vakata-context li {
  text-align: left;
}
html[dir=ltr] .vakata-context li a {
  text-align: left;
  font-size: 14px;
  padding: 2px 2em;
  padding-left: 10px;
  line-height: 1.9em;
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .vakata-context li a i {
  height: auto;
}
html[dir=ltr] .vakata-context li a .vakata-contextmenu-sep {
  height: auto;
}
html[dir=ltr] .vakata-context li:last-child a {
  border: none;
}
html[dir=ltr] .root {
  color: #027d82;
}
@media only screen and (max-width: 1200px) {
  html[dir=ltr] .tree-container {
    max-height: unset;
    overflow-y: hidden;
    overflow-x: hidden;
  }
}
html[dir=ltr] .block-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 30;
}
html[dir=ltr] .block-overlay.un-blocked {
  animation-name: BlockerVanish;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
html[dir=ltr] .block-overlay.blocked {
  animation-name: BlockerShow;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
html[dir=ltr] .focused-item {
  position: relative !important;
  z-index: 999 !important;
}
html[dir=ltr] .focused-item::after {
  content: "";
  border: 3px solid #efb334;
  border-radius: 2px;
  z-index: 1;
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  margin: 0px;
}
html[dir=ltr] .focused-item input {
  z-index: 10;
}
html[dir=ltr] .focused-item .helper-content {
  animation-name: HelperShow;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
html[dir=ltr] .unfocused-item .helper-content {
  animation-name: HelperVanish;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
html[dir=ltr] .helper-content {
  opacity: 0;
  position: absolute;
  background: #ffffff;
  margin-top: 12px;
  min-width: 350px;
  border-radius: 4px;
  padding: 0px 5px;
  bottom: -160px;
}
html[dir=ltr] .helper-content .helper-content-anchor {
  color: #ffffff;
  position: absolute;
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, 0) !important;
  top: -16px;
  font-size: 25px;
  z-index: 5;
}
html[dir=ltr] .helper-content .helper-content-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 10px;
  border-bottom: 1px solid #ced4da;
}
html[dir=ltr] .helper-content .helper-content-header h4 {
  font-size: 16px;
  font-weight: 700;
  margin: 0px;
}
html[dir=ltr] .helper-content .helper-content-body {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 10px;
}
html[dir=ltr] .helper-content .helper-content-body h4 {
  display: none;
}
html[dir=ltr] .helper-content .helper-content-body p {
  font-size: 14px;
  font-weight: 300;
  margin: 0px;
  text-align: center;
  width: 100%;
}
html[dir=ltr] .helper-content .helper-content-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  padding-top: 5px;
}
html[dir=ltr] .helper-content .helper-content-footer button {
  padding: 5px 16px !important;
  font-size: 14px !important;
  margin: 0px !important;
}
html[dir=ltr] .helper-content.no-header {
  bottom: -145px;
}
html[dir=ltr] .helper-content.no-header .helper-content-header {
  display: none;
}
html[dir=ltr] .helper-content.no-header .helper-content-body {
  justify-content: flex-start;
}
html[dir=ltr] .helper-content.no-header .helper-content-body h4 {
  display: block;
  font-weight: 900;
  margin: 0px;
  text-align: left;
  width: 100%;
  padding-bottom: 5px;
}
html[dir=ltr] .helper-content.no-header .helper-content-body p {
  text-align: left;
}
html[dir=ltr] .helper-content.no-header .helper-content-footer {
  justify-content: flex-end;
}
html[dir=ltr] .helper-content.no-header.no-footer {
  bottom: -100px;
}
html[dir=ltr] .helper-content.no-footer .helper-content-footer {
  display: none;
}
@keyframes HelperVanish {
  0% {
    opacity: 1;
    visibility: visible;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes HelperShow {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes BlockerVanish {
  0% {
    opacity: 1;
    visibility: visible;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes BlockerShow {
  0% {
    opacity: 0;
    visibility: visible;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
html[dir=ltr] .datepicker {
  padding: 0px !important;
}
html[dir=ltr] .datepicker .datepicker-days .table-condensed thead tr {
  background: #00b1b7;
}
html[dir=ltr] .datepicker .datepicker-days .table-condensed thead tr th {
  color: #ffffff;
  border-radius: 0px !important;
  width: 40px !important;
  height: 40px !important;
}
html[dir=ltr] .datepicker .datepicker-days .table-condensed thead tr th:hover {
  color: #012943;
  background: #00b1b7 !important;
}
html[dir=ltr] .datepicker .datepicker-days .table-condensed thead tr th.disabled {
  visibility: visible !important;
  background: #027d82;
  color: #012943;
  pointer-events: none;
}
html[dir=ltr] .datepicker .datepicker-days .table-condensed thead tr:nth-child(2) th {
  width: auto;
}
html[dir=ltr] .datepicker .datepicker-days .table-condensed tbody tr td {
  width: 40px !important;
  height: 40px !important;
  border-radius: 0px !important;
}
html[dir=ltr] .datepicker .datepicker-days .table-condensed tbody tr td.active {
  background: #00b1b7 !important;
  border-radius: 40px !important;
}
html[dir=ltr] .datepicker .datepicker-days .table-condensed tbody:before {
  content: "_";
  display: block;
  line-height: 5px;
  color: transparent;
}
html[dir=ltr] .datepicker .datepicker-months .table-condensed thead tr {
  background: #00b1b7;
}
html[dir=ltr] .datepicker .datepicker-months .table-condensed thead tr th {
  color: #ffffff;
  border-radius: 0px !important;
  width: 40px !important;
  height: 40px !important;
}
html[dir=ltr] .datepicker .datepicker-months .table-condensed thead tr th:hover {
  color: #012943;
  background: #00b1b7 !important;
}
html[dir=ltr] .datepicker .datepicker-months .table-condensed thead tr th.disabled {
  visibility: visible !important;
  background: #027d82;
  color: #012943;
  pointer-events: none;
}
html[dir=ltr] .datepicker .datepicker-months .table-condensed thead tr:nth-child(2) th:nth-child(2) {
  width: 200px !important;
}
html[dir=ltr] .datepicker .datepicker-months .table-condensed tbody tr td span {
  border-radius: 0px !important;
}
html[dir=ltr] .datepicker .datepicker-months .table-condensed tbody tr td span.active {
  background: #00b1b7 !important;
  border-radius: 4px !important;
  color: #ffffff;
}
html[dir=ltr] .datepicker .datepicker-months .table-condensed tbody tr td span.focused {
  background: #78d0d4 !important;
  border-radius: 4px !important;
  color: #ffffff;
}
html[dir=ltr] .datepicker .datepicker-years .table-condensed thead tr {
  background: #00b1b7;
}
html[dir=ltr] .datepicker .datepicker-years .table-condensed thead tr th {
  color: #ffffff;
  border-radius: 0px !important;
  width: 40px !important;
  height: 40px !important;
}
html[dir=ltr] .datepicker .datepicker-years .table-condensed thead tr th:hover {
  color: #012943;
  background: #00b1b7 !important;
}
html[dir=ltr] .datepicker .datepicker-years .table-condensed thead tr th.disabled {
  visibility: visible !important;
  background: #027d82;
  color: #012943;
  pointer-events: none;
}
html[dir=ltr] .datepicker .datepicker-years .table-condensed thead tr:nth-child(2) th:nth-child(2) {
  width: 200px !important;
}
html[dir=ltr] .datepicker .datepicker-years .table-condensed tbody tr td span {
  border-radius: 0px !important;
}
html[dir=ltr] .datepicker .datepicker-years .table-condensed tbody tr td span.active {
  background: #00b1b7 !important;
  border-radius: 4px !important;
  color: #ffffff;
}
html[dir=ltr] .datepicker .datepicker-years .table-condensed tbody tr td span.focused {
  background: #78d0d4 !important;
  border-radius: 4px !important;
  color: #ffffff;
}
html[dir=ltr] .datepicker .datepicker-decades .table-condensed thead tr {
  background: #00b1b7;
}
html[dir=ltr] .datepicker .datepicker-decades .table-condensed thead tr th {
  color: #ffffff;
  border-radius: 0px !important;
  width: 40px !important;
  height: 40px !important;
}
html[dir=ltr] .datepicker .datepicker-decades .table-condensed thead tr th:hover {
  color: #012943;
  background: #00b1b7 !important;
}
html[dir=ltr] .datepicker .datepicker-decades .table-condensed thead tr th.disabled {
  visibility: visible !important;
  background: #027d82;
  color: #012943;
  pointer-events: none;
}
html[dir=ltr] .datepicker .datepicker-decades .table-condensed thead tr:nth-child(2) th:nth-child(2) {
  width: 200px !important;
}
html[dir=ltr] .datepicker .datepicker-decades .table-condensed tbody tr td span {
  border-radius: 0px !important;
}
html[dir=ltr] .datepicker .datepicker-decades .table-condensed tbody tr td span.active {
  background: #00b1b7 !important;
  border-radius: 4px !important;
  color: #ffffff;
}
html[dir=ltr] .datepicker .datepicker-decades .table-condensed tbody tr td span.focused {
  background: #78d0d4 !important;
  border-radius: 4px !important;
  color: #ffffff;
}
html[dir=ltr] .datepicker .datepicker-centuries .table-condensed thead tr {
  background: #00b1b7;
}
html[dir=ltr] .datepicker .datepicker-centuries .table-condensed thead tr th {
  color: #ffffff;
  border-radius: 0px !important;
  width: 40px !important;
  height: 40px !important;
}
html[dir=ltr] .datepicker .datepicker-centuries .table-condensed thead tr th:hover {
  color: #012943;
  background: #00b1b7 !important;
}
html[dir=ltr] .datepicker .datepicker-centuries .table-condensed thead tr th.disabled {
  visibility: visible !important;
  background: #027d82;
  color: #012943;
  pointer-events: none;
}
html[dir=ltr] .datepicker .datepicker-centuries .table-condensed thead tr:nth-child(2) th:nth-child(2) {
  width: 200px !important;
}
html[dir=ltr] .datepicker .datepicker-centuries .table-condensed tbody tr td span {
  border-radius: 0px !important;
}
html[dir=ltr] .datepicker .datepicker-centuries .table-condensed tbody tr td span.active {
  background: #00b1b7 !important;
  border-radius: 4px !important;
  color: #ffffff;
}
html[dir=ltr] .datepicker .datepicker-centuries .table-condensed tbody tr td span.focused {
  background: #78d0d4 !important;
  border-radius: 4px !important;
  color: #ffffff;
}
html[dir=ltr] .datepicker.dropdown-menu {
  left: initial;
}
html[dir=ltr] .datepicker:before {
  border-bottom-color: #00b1b7;
  z-index: 10;
}
html[dir=ltr] .dir-15 .datepicker {
  left: 15px !important;
}
html[dir=ltr] .collapse-theme .data-container-body-content-main-body {
  margin-bottom: 5px !important;
}
html[dir=ltr] .collapse-theme .data-container-body-content-main-body .data-desc-body {
  height: auto !important;
  min-height: 0px !important;
}
html[dir=ltr] .collapse-theme .data-container-body-content-main-body .data-desc-body .data-desc-body-content .main-data {
  padding-top: 10px;
  padding-left: 10px;
}
html[dir=ltr] .collapse-theme .data-container-body-content-main-body .data-desc-body .data-desc-body-content .main-data .main-data-header a {
  font-size: 18px;
  font-weight: 600;
}
html[dir=ltr] .collapse-theme .data-container-body-content-main-body .data-desc-body .data-desc-body-content .main-data .main-data-header a:hover, html[dir=ltr] .collapse-theme .data-container-body-content-main-body .data-desc-body .data-desc-body-content .main-data .main-data-header a:active, html[dir=ltr] .collapse-theme .data-container-body-content-main-body .data-desc-body .data-desc-body-content .main-data .main-data-header a:focus {
  color: #00b1b7;
  cursor: pointer;
}
html[dir=ltr] .collapse-theme .data-container-body-content-main-body .data-desc-body .data-desc-body-content .main-data .main-data-header h4 {
  margin-right: auto;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 0px;
}
html[dir=ltr] .collapse-theme .data-container-body-content-main-body .data-desc-body .data-desc-body-content .main-data .main-data-body .form-group {
  margin-bottom: 1.5rem;
}
html[dir=ltr] .arrow-left:before {
  content: "";
}
html[dir=ltr] .arrow-right:before {
  content: "";
}
html[dir=ltr] .chev-left:before {
  content: "";
}
html[dir=ltr] .chev-right:before {
  content: "";
}

html[dir=rtl] {
  /* .validation-feedback{
      position: absolute;
      right: -1px;
      left: -1px;
      text-align: $Direction;
      margin: 0px 15px;
      font-size: 14px;
      color: $ClearWhite !important;
      background: $Danger-v;
      padding: 3px 10px;
      z-index: 10;
      border: 1px solid $BorderColor;
      border-top: 0px;
      display: none;
      padding-left: 30px;
      a{
          //margin-right: 10px;
          position: absolute;
          left: 0px;
          top: 0px;
          margin: 6px 8px;
          &:hover,&:focus,&:active{
              cursor: pointer;
              color: $MainColorDark;
          }
      }
      p{
          padding: 5px;
          margin: 0px !important;
          padding-top: 3px;
      }
  }
  .validation-show{
      position: absolute;
      left: 0;
      bottom: 11%;
      margin-left: 23px;
      font-size: 23px;
      color: $Danger-v;
      display: none;
      &:hover,&:focus,&:active{
          cursor: pointer;
          color: $Danger;
      }
  }
  .valid{
      position: absolute;
      left: 0;
      bottom: 11%;
      margin-left: 23px;
      font-size: 23px;
      color: $LegendSuccess;
      display: none;
      &:hover,&:focus,&:active{
          cursor: pointer;
          color: $Success;
      }
  }
  .info-show{
      position: absolute;
      left: 0;
      bottom: 11%;
      margin-left: 23px;
      font-size: 23px;
      color: $LegendWarning;
      display: none;
      &:hover,&:focus,&:active{
          cursor: pointer;
          color: $Warning;
      }
  }
  .information{
      position: absolute;
      right: -1px;
      left: -1px;
      text-align: $Direction;
      margin: 0px 15px;
      font-size: 14px;
      color: $ClearWhite !important;
      background: $Warning;
      padding: 3px 10px;
      z-index: 10;
      border: 1px solid $BorderColor;
      border-top: 0px;
      display: none;
      padding-left: 30px; 
      a{
          //margin-right: 10px;
          position: absolute;
          left: 0px;
          top: 0px;
          margin: 6px 8px;
          &:hover,&:focus,&:active{
              cursor: pointer;
              color: $MainColor;
          }
      }
      p{
          padding: 5px;
          margin: 0px !important;
          padding-top: 3px;
      }
  }
  .invalid-input{
      .validation-feedback,.validation-show{ display: block ;}
      .information,.info-show{ display: none !important;}
      .valid{display: none;}
      label{color:$Danger-v}
      input,select{
          padding-left: 32px !important;
          border-color:$Danger-v !important;
      }
      input:focus,input:active{box-shadow: 0px 0px 3px $Danger;}
      &.invalid-input-select{
          .validation-show{
              margin-left: 32px;
          }
      }
  }
  .valid-input{
      .validation-feedback,.validation-show{ display: none !important;}
      .information,.info-show{ display: none !important;}
      .valid{display: block;}
      label{color:$LegendSuccess}
      input,select{
          padding-left: 32px !important;
          border-color:$LegendSuccess !important;
      }
      input:focus,input:active{box-shadow: 0px 0px 3px $LegendSuccess;}
      &.valid-input-select{
          .valid{
              margin-left: 32px;
          }
      }
  }
  .info-input{
      .info-show{ display: block;}
      .information{display: none;}
      .valid{display: none;}
      .validation-feedback,.validation-show{ display: none;}
      .arrow-up{ border-bottom-color: $Warning;}
      //label{color:$Success}
      input,select{
          padding-left: 32px !important;
         // border-color:$Warning !important;
      }
      input:focus,input:active{box-shadow: 0px 0px 3px $Success;}
      &.info-input-select{
          .info-show{
              margin-left: 32px;
          }
      }
  }
  .arrow-up {
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid $Danger-v;
      position: absolute;
      right: 6px;
      top: 0px;
      margin-top: -8px;
    } 
  div.error{
      position: absolute;
      right: 0px;
      margin: 0px 15px;
      font-size: 14px;
      color: $Danger !important;
  }
   */
  /*.gbtn.gbtn-success{background: $Success!important;border-color: $Success;}
  .gbtn.gbtn-warning{background: $Warning !important;border-color: $Warning;}
  .gbtn.gbtn-danger{background: $Danger !important;border-color: $Danger;}
  .gbtn.gbtn-dark{background: $MainColor !important;border-color: $MainColor;}
  .gbtn.disabledBtn{background:$MainColorLight !important;border-color: $MainColorLight !important;}

  .gbtn:hover{cursor:pointer; color: $SubColorLight !important;background: none !important;}
  .gbtn-success:hover{cursor:pointer; color: $Success !important;background: none !important;}
  .gbtn-warning:hover{cursor:pointer; color: $Warning !important;background: none !important;}
  .gbtn-danger:hover{cursor:pointer; color: $Danger !important; background: none !important;}
  .gbtn-dark:hover{cursor:pointer; color: $MainColor !important; background: none !important;}
  .gbtn.disabledBtn:hover{background:$MainColorLight !important;cursor:default; color: $ClearWhite !important;}*/
  /*.discountContainer{
      .custom-control{
          label{
              width: 145px;
              margin-right: 10px !important;
                  line-height: 1;
          }
          label:before,label:after{
              right:0px;
              left:auto;

          }
          input:last-child{
              margin-bottom: 10px;
          }
      }
  }*/
  /* ----- Upload File Input ------ */
  /*.inputfile:focus + label,
  .inputfile.has-focus + label {
      outline: 1px dotted #000;
      outline: -webkit-focus-ring-color auto 5px;
  }*/
  /*.inputfile-6:focus + label,
  .inputfile-6.has-focus + label,
  .inputfile-6 + label:hover {
      border-color: #722040;
  }*/
  /* @media screen and (max-width: 660px) {
      .header-right{
          display: none;
          .dropdown a:first-child{
              border:none !important;
              margin:0px !important;
          }
      }
      .header-right-collapse{
          display: flex !important;
      }
      .header-left{
          h1{
              font-size: 7.5vw;
              margin-top: 13px !important;
          }
      }
      .header-right-collapse{
          .icon-link{
              display: none !important;
          }
          .dropdown-menu{
              .prog-notification{
                  display:block !important;
                  .icon-link{
                      display: block !important;
                  }
              }
          }
      }
  }
  @media screen and (max-width: 545px) {
  } */
  /*  @media only screen and(max-width: 1200px){
      .sub-sidebar{
          width: unset !important;
      }
   } */
  /*
  @media only screen and(max-width: 1540px) {
      .sub-sidebar{
          width: 25%;
      }
  }
  @media only screen and(max-width: 1170px) {
      .sub-sidebar{
          width: 30%;
      }
  }
  @media only screen and(max-width: 970px) {
      .sub-sidebar{
          width: 100%;
          height: auto;
          min-height: auto;
          max-height: none;
      } */
  /*     .sub-sidebar{
          width: 450px;
          height: auto;
          min-height: auto;
          position: absolute;
          z-index: 8;
          height: 100%;    
          transition: all 1.5s linear;
          .sub-sidebar-container{
              width: 400px;
              background: $MainColorVLight;
              overflow-y: auto;
          }   
          .section-Sub-header-icon{
              display: block;
              position: absolute;
              right: 0px;
              background: $MainColorVLight;
              color: $SubColorLight;
              padding: 14px 18px;
              border-top-right-radius: 10px;
              border-bottom-right-radius: 10px;
              font-size: 20px;
              margin-top: 15px;
          }   
      }
      .sub-open{
          left:auto;
      }
      .sub-closed{
          left:-400px;
      } 
  }*/
  /* .modal-backdrop{
      background: transparent;
  } */
  /* .home-content{

      .home-main-div{
          padding: 15px 25px !important;
          background: $MainColorVLight;
          h1{
              font-weight: $FW-Light;
              color: $SubColor;
              text-align: $Direction ;
              font-weight: $FW-Regular;
          }
          p{
              font-weight: $FW-Light;
              padding: 0px 15px;
              color:$MainColorLight;
              text-align: $Direction;
          }
          .links-container{
          display: flex;
          flex-direction: $FdirectionColumn;
          align-items: flex-start;
          padding: 0px 15px;
          .links-header{
              padding: 15px 0px;
              display: flex;
              flex-direction: $FdirectionRow ;
              align-items: center;
              span{
                  font-size: 30px;
                  margin-left: 10px;
                  color: $MainColorLight;
                  }
              h4{
                  font-size: 28px;
                  margin:0px;
                  color: $SubColor;
                  font-weight: $FW-Light;
              }
          }
          .links-body{
              display: flex;
              flex-direction: $FdirectionRow ;
              align-items: flex-start;
              padding: 0px 25px;
              padding-right: 0px;
              flex-wrap:wrap;
              a{
                  padding: 15px 50px;
                  border: 1px solid $MainColorLight;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  text-align: center;
                  border-radius: 4px;
                  color: $MainColor;
                  font-family: $MainFont;
                  max-width:105px;
                  margin-bottom:10px;
                  margin-left: 30px;
                  font-weight: $FW-Regular;
                  min-width: 105px;
                  min-height: 105px;
                  justify-content: center;
              }
              a:first-child{
                  margin-right: 0px;
              }
              a:before{
                  margin-bottom: 5px;
                  font: normal normal normal 35px/1 FontAwesome;
              }
              a.active{
                  color:$SubColorLight;
                  border-color: $SubColorLight;
              }
              a:hover{
                  cursor: pointer;
                  color:$Warning;
                  border-color: $Warning;
              }
          }
          }
      }
  }

  @media screen and (max-width:1200px){
      .home-content{
          .home-main-div{
              .links-container{
                  .links-body{

                      padding-left:0px !important;
                      a{
                          margin-left: 20px !important;
                      }
                  }
              }
          }
      }
  } */
  /* 
  @media only screen and(max-width: 550px){
      .footer-pagination{
          .pagination-container{
              li{
                  p{
                      margin:0px 5px;

                  }
                  a{
                      border-radius: 5px;
                      background: none;
                      border: 2px solid $ClearWhite;
                      color: $ClearWhite;
                      margin: 0px 4px;
                      padding: 3px 8px !important;
                  }
              }  
          }
      }
  } */
  @import url(https://fonts.googleapis.com/css?family=opensans:500);
  /*  @media only screen and (max-width: 992px){
      .gauges-container{
          .gauge-item-container:nth-child(2),.gauge-item-container:nth-child(4){
              padding-left:0px;
              padding-right:15px;
          }
          .gauge-item-container:nth-child(3),.gauge-item-container:nth-child(5),{
              padding-right:0px;
              padding-left:15px;
          }
      }
  }  */
  /* .counter{
      padding:10px 15px;
      padding-top: 0px;
      .counter-item{
          .item-content{
              display:flex;
              align-items:center;
              flex-direction:column;
              align-items:center;
              background:$ClearWhite;
              padding:25px;    
              border-top:1px solid $BorderColor;
              border-bottom:1px solid $BorderColor;
              .data{
                  width: 100%;
                  border-left:1px solid $BorderColor;
                  h5{
                  margin:0px;
                  font-weight:$FW-Bold;
                  color:$SubColorLight;
                  text-align:center;
                  }
                  p{
                      display:flex;
                      justify-content:center;
                      margin:0px;
                      color:$SubColorLight;
                      text-align:center;
                      span{ margin-left: 5px;}
                  }
              }

          }
      }
      .counter-item:first-child{
          padding-left:10px;
          .item-content{
              .data{border:none;}
              border-bottom-right-radius : 5px;
              border-top-right-radius : 5px; 
              border:1px solid $BorderColor;
          }
      }
      .counter-item:nth-child(2){
          .item-content{
              border-right:1px solid $BorderColor;
          }
      }
      .counter-item:last-child{
          .item-content{
              .data{border:none;}
              border-bottom-left-radius : 5px;
              border-top-left-radius : 5px;
              border:1px solid $BorderColor;
              border-right:none;
          }   
      }
      .counter-item.danger{
          .data{
              h5,p{color:$Danger;}
          }
      }
  }

  @media (max-width: 1200px) {
      .counter{
          .counter-item{
              .item-content{
                  border-top:none;
              }
          }
          .counter-item:first-child{
              padding-left:0px !important;
              .item-content{
                  border-top-left-radius: 5px;
                  border-bottom-right-radius: 0px;
                  padding-bottom: 0px;
                  border-bottom:none;
                  .data{
                      border-bottom:1px solid $BorderColor !important;
                      padding-bottom: 25px;
                  }
              }
          }
          .counter-item:last-child{
              .item-content{
                  border-top:none !important;
              }
          }
          .counter-item:nth-child(2){
              .item-content{
                  border-bottom-right-radius: 5px;
              }
          }
      }
  }

  @media (max-width: 770px) {
      .counter{
          .counter-item:first-child{
              padding-left:0px !important;
              .item-content{
                  border-top-left-radius: 5px;
                  border-bottom-right-radius: 0px;
                  padding-bottom: 0px;
                  .data{
                      border-bottom:1px solid $BorderColor !important;
                      padding-bottom: 25px;
                  }
              }
          }
          .counter-item{
              .item-content{
                  padding-bottom: 0px;
                  border-bottom:none !important;
                  border-left: 1px solid $BorderColor;
                  border-right: 1px solid $BorderColor;
                  .data{
                      border:none !important;
                      border-bottom:1px solid $BorderColor !important;
                      padding-bottom: 25px;
                  }
              }
          }
          .counter-item:last-child{
              .item-content{
                  border-right: 1px solid $BorderColor;
                  border-bottom: 1px solid $BorderColor !important;
                  border-bottom-right-radius: 5px !important;
                  .data{
                      border:none !important;
                  }
              }
          }
      }
  } */
  /* @media only screen and (max-width: 992px){
      iframe.data-container-body-content-main-body{
          height: calc(100vh - 270px) !important;
      }
  }

   */
  /* @media only screen and(max-width: 575px){

  } */
  /* .jstree-container-ul{
      li{
          background: #000;
          a:first-child{
              i{
                  color:red;
              }
          }
      }
  } */
  /* .jstree {
      list-style: none;
      padding: 0px;
      ul{
          list-style: none;
          margin-right: 6px;
          border-right: 1px solid $BorderColor;
          padding-right: 10px;
      }
      li{
          font-family: $MainFont;
      }
      .jstree-node{
          .jstree-anchor{
              display: flex;
              align-items: center;
              justify-content: flex-start;
              padding: 5px;
              font-family: $MainFont;
              color: $MainColor;
              transition: transform .2s;
              font-weight: $FW-SBold;
              font-size: 14px;
          }
      }
  }
   */
  /*@import "Responsive";*/
}
html[dir=rtl] .financial-module .custom-control {
  margin: 1rem 0;
}
html[dir=rtl] .financial-module .custom-control.m05 {
  margin: 0.5rem 0;
}
html[dir=rtl] .financial-module .form-group {
  margin-bottom: 0.5rem;
}
html[dir=rtl] .financial-module .form-group.br-side {
  border-left: 1px solid #ced4da;
}
html[dir=rtl] .financial-module .form-group.bl-side {
  border-right: 1px solid #ced4da;
}
html[dir=rtl] .financial-module .custom-file {
  margin-bottom: 0.5rem;
}
html[dir=rtl] .select-single .select2-container {
  width: 100% !important;
}
html[dir=rtl] .select-single .select2-container .selection .select2-selection--single {
  min-height: 40px;
  text-align: right;
  border-radius: 0px;
  border-color: #ced4da;
}
html[dir=rtl] .select-single .select2-container .selection .select2-selection--single .select2-selection__rendered, html[dir=rtl] .select-single .select2-container .selection .select2-selection--single .select2-selection__arrow {
  min-height: 40px;
  align-items: center;
}
html[dir=rtl] input.en-desc:focus, html[dir=rtl] input.en-desc:focus {
  text-align: left !important;
  direction: ltr !important;
}
html[dir=rtl] select {
  border-color: #ced4da;
  border-radius: 0px;
  color: #939393;
  padding-top: 3px;
  padding-bottom: 3px;
}
html[dir=rtl] select.form-control:not([size]):not([multiple]) {
  height: 38px;
}
html[dir=rtl] form .form-check {
  margin-top: 30px;
}
html[dir=rtl] form .disabled button {
  background-color: #e9ecef !important;
  pointer-events: none;
}
html[dir=rtl] form .disabled select {
  background-color: #e9ecef !important;
  pointer-events: none;
}
html[dir=rtl] form .disabled input {
  background-color: #e9ecef !important;
  pointer-events: none;
}
html[dir=rtl] form .disabled .select2 {
  pointer-events: none;
}
html[dir=rtl] form .disabled .select2 .select2-selection--multiple {
  background-color: #e9ecef !important;
}
html[dir=rtl] form .disabled #Logo_Browser {
  pointer-events: none;
}
html[dir=rtl] form .disabled .logo label {
  display: none !important;
}
html[dir=rtl] form .disabled-btn {
  background-color: #ced4da !important;
  pointer-events: none;
  border: none;
}
html[dir=rtl] form .validation-msg {
  color: #ff3333;
  font-size: 14px;
  text-align: left;
  display: none;
}
html[dir=rtl] form .row {
  /* flex-direction: row-reverse; */
  align-items: center;
}
html[dir=rtl] form .row p {
  text-align: right;
}
html[dir=rtl] form textarea {
  max-width: 100%;
  max-height: 100px;
  min-height: 100px;
  border-radius: 0px;
  border-color: #ced4da;
}
html[dir=rtl] form textarea:hover, html[dir=rtl] form textarea:focus, html[dir=rtl] form textarea:active {
  outline: none;
  box-shadow: none;
}
html[dir=rtl] form .radio-input {
  display: inline-flex !important;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
html[dir=rtl] form .radio-input input {
  float: right;
  margin-left: 10px;
}
html[dir=rtl] form .radio-input label {
  float: left;
  margin: 0px;
  margin-left: 5px;
}
html[dir=rtl] form input {
  text-align: right;
}
html[dir=rtl] form select {
  padding: 6px !important;
}
html[dir=rtl] form label {
  font-weight: 300;
  display: inline-block;
  padding: 0px 15px;
}
html[dir=rtl] form .form-group {
  margin-bottom: 1.5rem;
}
html[dir=rtl] form .form-group.radio-group {
  margin-bottom: 0.5rem;
}
html[dir=rtl] form .form-group div.error, html[dir=rtl] form .form-group .field-validation-error, html[dir=rtl] form .form-group .ValidationMessage, html[dir=rtl] form .form-group .field-validation-valid {
  position: absolute;
  font-size: 14px;
  color: #ff3333 !important;
  padding-left: 10px;
  right: 12px;
  bottom: 0px;
  margin-bottom: -1.3rem;
}
html[dir=rtl] form .form-group .custom-radio {
  margin-top: 6px;
  margin-bottom: 6px;
}
html[dir=rtl] form .form-group .custom-radio .custom-control-label {
  line-height: 23px;
  padding-right: 15px !important;
}
html[dir=rtl] form .form-group .input-group .input-group-prepend .input-group-text {
  background: none;
  border: none;
  color: #939393;
  font-size: 16px;
}
html[dir=rtl] form .form-group label {
  margin: 0px;
  font-size: 14px;
  width: 100%;
  text-align: right;
}
html[dir=rtl] form .form-group input {
  border-color: #ced4da;
  border-radius: 0px;
  color: #939393;
  padding-top: 3px;
  padding-bottom: 3px;
}
html[dir=rtl] form .form-group input.danger {
  border-color: #ff3333 !important;
}
html[dir=rtl] form .form-group input.warning {
  border-color: #efb334 !important;
}
html[dir=rtl] form .form-group input.success {
  border-color: #a1b32b !important;
}
html[dir=rtl] form .form-group select {
  border-color: #ced4da;
  border-radius: 0px;
  color: #939393;
  padding-top: 3px;
  padding-bottom: 3px;
}
html[dir=rtl] form .form-group ::placeholder {
  color: #ced4da;
  font-size: 15px;
}
html[dir=rtl] form .form-group :-ms-input-placeholder {
  color: #ced4da;
  font-size: 15px;
}
html[dir=rtl] form .form-group ::-ms-input-placeholder {
  color: #ced4da;
  font-size: 15px;
}
html[dir=rtl] form .form-group input:active, html[dir=rtl] form .form-group input:focus, html[dir=rtl] form .form-group select:active, html[dir=rtl] form .form-group select:focus {
  box-shadow: none;
  outline: none;
  border-color: #00b1b7;
}
html[dir=rtl] form .explanation {
  display: inline-block;
  font-size: 14px;
  color: #939393;
  float: right;
  margin-top: 6px;
  margin-right: 6px;
}
html[dir=rtl] form .btn {
  padding: 8px 16px;
  border: none;
  outline: none;
}
html[dir=rtl] form .btn-success {
  background: #a1b32b;
}
html[dir=rtl] form .radio-input {
  display: inline-block;
  margin-left: 15px;
}
html[dir=rtl] form .radio-input input {
  display: inline-block;
  vertical-align: middle;
  height: 30px !important;
}
html[dir=rtl] form .radio-input label {
  display: inline-block;
  vertical-align: sub;
}
html[dir=rtl] form .multiple-select {
  width: 100%;
}
html[dir=rtl] form .select2-container {
  width: 100% !important;
  min-height: 40px;
}
html[dir=rtl] form .select2-container .selection .select2-selection--multiple {
  min-height: 40px;
  border: 1px solid #ced4da;
  border-radius: 0px;
}
html[dir=rtl] form .select2-container .selection .select2-selection--multiple ul .select2-selection__choice {
  background: #a1b32b;
  color: #ffffff;
  font-size: 16px;
  padding: 1px 10px;
  float: right;
}
html[dir=rtl] form .select2-container .selection .select2-selection--multiple ul .select2-selection__choice span {
  color: #ffffff;
  font-size: 16px;
  vertical-align: middle;
  margin-left: 5px;
  float: right;
}
html[dir=rtl] form .select2-container .selection .select2-selection--multiple ul .select2-selection__choice span:hover {
  color: #ff3333;
}
html[dir=rtl] form .select2-container .selection .select2-selection--multiple ul .select2-search--inline .select2-search__field {
  margin-top: 6px;
}
html[dir=rtl] form .select2-container .selection .select2-selection--multiple ul .select2-search--inline input {
  width: auto !important;
  min-width: 250px;
  padding-top: 0px !important;
  height: 27px !important;
  border: none !important;
  text-align: right;
}
html[dir=rtl] form .select2-container .select2-search--inline {
  float: right;
}
html[dir=rtl] form .form-section .inline-form-group {
  padding: 0px 5px !important;
}
html[dir=rtl] form .form-section p {
  color: #ffffff;
  margin: 0px 15px;
}
html[dir=rtl] form .form-group label {
  padding: 0px;
  min-height: 25px;
}
html[dir=rtl] form .form-group .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background: #a1b32b;
}
html[dir=rtl] .datepicker {
  padding: 15px;
  direction: rtl;
}
html[dir=rtl] .datepicker.dropdown-menu {
  right: initial;
}
html[dir=rtl] .custom-control {
  float: right;
  padding-right: 1.5rem !important;
  padding-left: 0 !important;
  margin: 2rem 0;
  text-align: right;
}
html[dir=rtl] .custom-control label {
  text-align: right;
  padding-right: 15px !important;
  margin: 0px !important;
}
html[dir=rtl] .custom-control label:before, html[dir=rtl] .custom-control label:after {
  right: 10px;
  left: auto;
}
html[dir=rtl] .well-div {
  background: #ced4da;
  border-radius: 20px;
  padding: 6px;
}
html[dir=rtl] .well-div.default {
  background: #00b1b7;
}
html[dir=rtl] .well-div.success {
  background: #cbdc5a;
}
html[dir=rtl] .well-div.warning {
  background: #efb334;
}
html[dir=rtl] .well-div.danger {
  background: #ff3333;
}
html[dir=rtl] .well-div.well-div-o {
  background: none;
  border: 2px solid #ced4da;
}
html[dir=rtl] .well-div.well-div-o .wel-div-check {
  color: #012943 !important;
}
html[dir=rtl] .well-div.well-div-o .stacked-data .stacked-div input {
  color: #012943 !important;
}
html[dir=rtl] .well-div.well-div-o .stacked-data .stacked-div input:after {
  color: #012943 !important;
}
html[dir=rtl] .well-div .form-group {
  margin: 0px;
}
html[dir=rtl] .well-div .wel-div-check {
  color: #ffffff;
  border-left: 1px solid #ffffff;
  padding-left: 15px;
  margin-left: 15px;
}
html[dir=rtl] .well-div .stacked-data .stacked-div {
  display: flex;
  align-items: center;
}
html[dir=rtl] .well-div .stacked-data .stacked-div::after {
  content: "/";
  color: #ffffff;
}
html[dir=rtl] .well-div .stacked-data .stacked-div:last-child::after {
  content: "";
}
html[dir=rtl] .well-div .stacked-data .stacked-div input {
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 100;
  text-align: center;
}
html[dir=rtl] .custom-control-input:checked ~ .custom-control-label::before {
  background: #a1b32b;
}
html[dir=rtl] body.en .g7-modal .modal-dialog .modal-body form .custom-control label {
  padding-right: 0px !important;
}
html[dir=rtl] body.en .g7-modal .modal-dialog .modal-body .multi-form .custom-control label {
  padding-right: 0px !important;
}
html[dir=rtl] .custom-file {
  margin-top: 0.5rem;
}
html[dir=rtl] .custom-file label.custom-file-label {
  padding: 5px;
  padding-left: 15px;
  right: 15px !important;
  left: 15px !important;
}
html[dir=rtl] .inputformError .formErrorContent {
  border: none;
  box-shadow: none;
  border-radius: 4px;
  background: #ff3333;
  color: #ffffff;
  font-size: 14px;
}
html[dir=rtl] .inputformError .formErrorArrow div {
  border: none;
  background: #ff3333;
  box-shadow: none;
}
html[dir=rtl] .switch {
  position: relative;
  display: inline-block;
  width: 43px;
  height: 17px;
  margin: 0px;
}
html[dir=rtl] .switch input {
  display: none;
}
html[dir=rtl] .switch input:checked + .slider {
  background-color: #a1b32b;
}
html[dir=rtl] .switch input:focus + .slider {
  box-shadow: 0 0 1px #027d82;
}
html[dir=rtl] .switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
html[dir=rtl] .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0px;
  right: 0;
  left: 0;
  bottom: 0px;
  background-color: #ff3333;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
html[dir=rtl] .switch .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  top: 2px;
  left: 2px;
  bottom: 2px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
html[dir=rtl] .switch .slider.round {
  border-radius: 34px;
}
html[dir=rtl] .switch .slider.round:before {
  border-radius: 50%;
}
html[dir=rtl] .select2-container--open .select2-dropdown .select2-results ul [aria-selected=true] {
  background: #ff3333;
  color: #ffffff;
  pointer-events: none;
}
html[dir=rtl] .select2-container--open .select2-dropdown .select2-results ul .select2-results__option--highlighted {
  background: #efb334;
}
html[dir=rtl] .select2-container--open .select2-dropdown .select2-results ul .select2-results__option {
  text-align: right;
}
html[dir=rtl] .radio-input {
  display: inline-flex !important;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
html[dir=rtl] .radio-input input {
  float: right;
  margin-left: 10px;
}
html[dir=rtl] .radio-input label {
  float: left;
  margin: 0px;
  margin-left: 5px;
}
html[dir=rtl] .gbtn-o {
  border-width: 2px;
  border-style: solid;
  padding: 6px 12px;
  color: #00b1b7 !important;
  margin: 3px;
  border-color: rgba(0, 177, 183, 0.85);
  font-size: 16px;
  border-radius: 5px;
  font-weight: 300;
  font-family: "NeoSansArabic";
  text-align: center;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .gbtn-o:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 18px;
  margin-left: 5px;
  display: inline-block;
}
html[dir=rtl] .gbtn-o.gbtn-success-o {
  color: rgba(161, 179, 43, 0.85) !important;
  border-color: rgba(161, 179, 43, 0.85);
}
html[dir=rtl] .gbtn-o.gbtn-warning-o {
  color: rgba(239, 179, 52, 0.85) !important;
  border-color: rgba(239, 179, 52, 0.85);
}
html[dir=rtl] .gbtn-o.gbtn-danger-o {
  color: rgba(212, 18, 18, 0.85) !important;
  border-color: rgba(212, 18, 18, 0.85);
}
html[dir=rtl] .gbtn-o.gbtn-dark-o {
  color: rgba(1, 41, 67, 0.85) !important;
  border-color: rgba(1, 41, 67, 0.85);
}
html[dir=rtl] .gbtn-o.disabledBtn-o {
  color: #939393 !important;
  border-color: #939393 !important;
  pointer-events: none;
}
html[dir=rtl] .gbtn-o:hover {
  cursor: pointer;
  color: #ffffff !important;
  background: #00b1b7;
}
html[dir=rtl] .gbtn-success-o:hover {
  cursor: pointer;
  color: #ffffff !important;
  background: #a1b32b;
}
html[dir=rtl] .gbtn-warning-o:hover {
  cursor: pointer;
  color: #ffffff !important;
  background: #efb334;
}
html[dir=rtl] .gbtn-danger-o:hover {
  cursor: pointer;
  color: #ffffff !important;
  background: #ff3333;
}
html[dir=rtl] .gbtn-dark-o:hover {
  cursor: pointer;
  color: #ffffff !important;
  background: #012943;
}
html[dir=rtl] .gbtn-o:focus, html[dir=rtl] .gbtn-o:active {
  outline: none;
  box-shadow: none;
}
html[dir=rtl] .gbtn {
  /*border-width: 2px;
  border-style: solid;*/
  border: none;
  padding: 6px 12px;
  background: rgba(0, 177, 183, 0.85) !important;
  color: #ffffff !important;
  margin: 3px;
  font-size: 16px;
  border-radius: 3px;
  font-weight: 300;
  font-family: "NeoSansArabic";
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .icon-gbtn.gbtn:before, html[dir=rtl] .icon-gbtn.gbtn-o:before {
  margin-left: 0px;
}
html[dir=rtl] .gbtn:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 18px;
  margin-left: 10px;
  display: inline-block;
}
html[dir=rtl] .gbtn.gbtn-success {
  background: #cbdc5a !important;
  border-color: #cbdc5a;
}
html[dir=rtl] .gbtn.gbtn-warning {
  background: #ffcc00 !important;
  border-color: #ffcc00;
}
html[dir=rtl] .gbtn.gbtn-danger {
  background: rgba(212, 18, 18, 0.85) !important;
  border-color: rgba(212, 18, 18, 0.85);
}
html[dir=rtl] .gbtn.gbtn-dark {
  background: #00b1b7 !important;
  border-color: #00b1b7;
}
html[dir=rtl] .gbtn.disabledBtn {
  background: #939393 !important;
  border-color: #939393 !important;
  pointer-events: none;
}
html[dir=rtl] .gbtn:hover {
  cursor: pointer;
  background: #00b1b7 !important;
}
html[dir=rtl] .gbtn-success:hover {
  cursor: pointer;
  background: #a1b32b !important;
}
html[dir=rtl] .gbtn-warning:hover {
  cursor: pointer;
  background: #efb334 !important;
}
html[dir=rtl] .gbtn-danger:hover {
  cursor: pointer;
  background: #ff3333 !important;
}
html[dir=rtl] .gbtn-dark:hover {
  cursor: pointer;
  background: #012943 !important;
}
html[dir=rtl] .gbtn.disabledBtn:hover {
  background: #939393 !important;
  cursor: default;
  color: #ffffff !important;
}
html[dir=rtl] .gbtn:focus, html[dir=rtl] .gbtn:active {
  outline: none;
  box-shadow: none;
}
html[dir=rtl] input[type=number]::-webkit-inner-spin-button,
html[dir=rtl] input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
html[dir=rtl] .discountContainer .custom-control label {
  min-width: 165px;
}
html[dir=rtl] .admin-roles, html[dir=rtl] .main-div-body, html[dir=rtl] .txt-align {
  text-align: right;
}
html[dir=rtl] .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
html[dir=rtl] .inputfile + label {
  width: 100%;
  font-size: 1.25rem;
  /* 20px */
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 0.625rem 1.25rem;
  /* 10px 20px */
}
html[dir=rtl] .no-js .inputfile + label {
  display: none;
}
html[dir=rtl] .inputfile + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */
}
html[dir=rtl] .inputfile-6 + label {
  color: #d3394c;
}
html[dir=rtl] .inputfile-6 + label {
  padding: 0;
  border-radius: 4px;
}
html[dir=rtl] .inputfile-6 + label .file-path,
html[dir=rtl] .inputfile-6 + label strong {
  padding: 0.625rem 1.25rem;
  /* 10px 20px */
}
html[dir=rtl] .inputfile-6 + label .file-path {
  width: auto;
  height: 39px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  font-size: 16px;
  font-weight: 100;
  color: #012943;
  line-height: 1;
  border: 1px solid #ced4da;
}
html[dir=rtl] .inputfile-6 + label strong {
  height: 40px;
  color: #ffffff;
  background-color: #00b1b7;
  display: inline-block;
  font-family: "NeoSansArabic";
  font-size: 16px;
  font-weight: 300;
}
html[dir=rtl] .inputfile-6 + label strong:before {
  font: normal normal normal 14px/1 FontAwesome;
  margin-left: 10px;
}
html[dir=rtl] .inputfile-6:focus + label strong,
html[dir=rtl] .inputfile-6.has-focus + label strong,
html[dir=rtl] .inputfile-6 + label:hover strong {
  background-color: #a1b32b;
}
@media screen and (max-width: 50em) {
  html[dir=rtl] .inputfile-6 + label strong {
    display: block;
  }
}
@media screen and (max-width: 992px) {
  html[dir=rtl] .custom-control {
    margin: 0;
    margin-bottom: 1rem;
  }
}
html[dir=rtl] .form-group.required label:not(.custom-control-label):after {
  content: "*";
  color: #ff3333;
  margin-right: 5px;
  font-size: 15px;
  vertical-align: sub;
  font-weight: 900;
}
html[dir=rtl] .control-inline {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
html[dir=rtl] .control-inline .float-icon {
  position: absolute;
  top: 36px;
  left: 27px;
  color: #012943;
}
html[dir=rtl] .control-inline .float-icon:hover, html[dir=rtl] .control-inline .float-icon:ative, html[dir=rtl] .control-inline .float-icon:focus {
  cursor: pointer;
}
html[dir=rtl] .control-inline .icon-input {
  padding-left: 40px !important;
}
html[dir=rtl] .control-inline.disabled .float-icon {
  pointer-events: none;
  color: #939393;
}
html[dir=rtl] .form-icons-div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  flex-wrap: wrap;
}
html[dir=rtl] .form-icons-div li {
  padding: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px auto;
}
html[dir=rtl] .form-icons-div li label {
  margin-bottom: 15px;
}
html[dir=rtl] .form-icons-div li a {
  font-size: 40px;
  padding: 15px;
  border: 1px solid #ced4da;
  color: #ced4da;
  border-radius: 15px;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .form-icons-div li a:hover, html[dir=rtl] .form-icons-div li a:focus, html[dir=rtl] .form-icons-div li a:active {
  color: #ffffff;
  cursor: pointer;
  border-color: #78d0d4;
  background: #78d0d4;
}
html[dir=rtl] .form-icons-div li.active a {
  animation: none !important;
  color: #cbdc5a;
  border-color: #cbdc5a;
}
html[dir=rtl] .form-icons-div li.active a:hover, html[dir=rtl] .form-icons-div li.active a:focus, html[dir=rtl] .form-icons-div li.active a:active {
  color: #ffffff;
  border-color: #cbdc5a !important;
  background: #cbdc5a !important;
}
html[dir=rtl] .form-icons-div li p {
  font-size: 13px;
  text-align: center;
  font-weight: 300;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #939393;
  font-family: "NeoSansArabic";
  min-height: 15px;
  margin-bottom: 0px;
}
html[dir=rtl] .form-icons-div li.warning a {
  -webkit-animation-name: mymove;
  /* Safari 4.0 - 8.0 */
  animation-name: mymove;
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}
html[dir=rtl] .form-icons-div li.warning a:hover, html[dir=rtl] .form-icons-div li.warning a:focus, html[dir=rtl] .form-icons-div li.warning a:active {
  border-color: #efb334;
  background: none;
}
html[dir=rtl] .form-icons-div.margin-fixed li {
  margin: 0px 15px;
}
html[dir=rtl] .ui-autocomplete {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: right;
}
html[dir=rtl] .dir-15 .datepicker {
  right: 15px !important;
}
html[dir=rtl] .min100vh-75vh {
  min-height: calc(100vh - 75vh) !important;
}
html[dir=rtl] .min100vh-60vh {
  min-height: calc(100vh - 60vh) !important;
}
@-webkit-keyframes mymove {
  100% {
    color: #efb334;
    border-color: #efb334;
    transform: scale(1);
  }
  0% {
    color: #ced4da;
    border-color: #ced4da;
    transform: scale(0.8);
  }
}
@keyframes mymove {
  100% {
    color: #efb334;
    border-color: #efb334;
    transform: scale(1);
  }
  0% {
    color: #ced4da;
    border-color: #ced4da;
    transform: scale(0.8);
  }
}
html[dir=rtl] .display-radio-group {
  display: contents;
}
html[dir=rtl] html, html[dir=rtl] body {
  height: 100%;
  font-family: "NeoSansArabic" !important;
}
html[dir=rtl] .border-bottom {
  margin: 10px 0px;
}
html[dir=rtl] .autocomplete-suggestions {
  background: #ffffff;
  padding: 0px !important;
  border: 1px solid #ced4da;
  border-top: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
html[dir=rtl] .autocomplete-suggestions .autocomplete-suggestion {
  padding: 5px 10px;
  text-align: right;
}
html[dir=rtl] .autocomplete-suggestions .autocomplete-suggestion:hover {
  background: #f0f0f0;
  cursor: pointer;
}
html[dir=rtl] .no-p {
  padding: 0px !important;
}
html[dir=rtl] .no-br {
  border: none !important;
}
html[dir=rtl] .main-container {
  display: flex;
  padding: 0px;
  height: 100%;
  max-height: 100%;
  height: 100vh;
}
html[dir=rtl] .main-container .page-container {
  overflow-y: hidden;
  padding: 0px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  top: 65px;
  height: calc(100vh - 65px);
}
html[dir=rtl] .main-container .page-container .full-tab-page {
  padding: 0px;
  background: #ffffff;
  overflow: auto;
  box-shadow: none;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container-header {
  margin-bottom: 15px;
  padding: 0px 10px;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container-header img {
  width: 100px;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container-header .company-data p {
  margin: 0px;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container-header .company-data h3 {
  width: 100%;
  font-weight: 900;
  text-align: left;
  text-transform: uppercase;
  padding: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
html[dir=rtl] .main-container .page-container .full-tab-page .print-tools {
  border-bottom: none;
  margin-bottom: 15px;
}
html[dir=rtl] .main-container .page-container .full-tab-page .print-tools .section-header-tools {
  padding: 0px;
  border: none;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container {
  height: auto;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body {
  padding: 0px;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main {
  padding-bottom: 0px;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body {
  padding: 0px;
  border: none;
  padding: 0px;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header {
  padding: 0px;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data h4 {
  border-color: #939393;
  font-size: 20px;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container {
  padding: 0px;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list-collapse-item .list-collapse-item-container .header {
  border-color: #939393 !important;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .table thead th {
  border-color: #939393 !important;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .table tbody tr {
  background: #ced4da !important;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting:before, html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_asc:before, html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_desc:before, html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_asc_disabled:before, html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_desc_disabled:before {
  display: none;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting:after, html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_asc:after, html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_desc:after, html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_asc_disabled:after, html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_desc_disabled:after {
  display: none;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .sum-values {
  border-color: #939393 !important;
}
html[dir=rtl] .main-container .page-container .full-tab-page .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body h4 {
  border-color: #939393;
  font-size: 20px;
}
html[dir=rtl] .main-container .login-container {
  margin-right: 0px;
  background-image: url("../Images/login-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  top: 0px;
  height: calc(100vh );
}
html[dir=rtl] .main-container .login-container .login-ctr {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  width: 25%;
}
html[dir=rtl] .main-container .login-container .login-ctr .logo-container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
html[dir=rtl] .main-container .login-container .login-ctr .logo-container img {
  width: 180px;
}
html[dir=rtl] .main-container .login-container .login-ctr .data-container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  padding: 0px 35px;
  width: 100%;
}
html[dir=rtl] .main-container .login-container .login-ctr .data-container .login-bg {
  position: absolute;
  background: #ffffff;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  box-shadow: 1px 0px 1px #939393;
  right: 0px;
}
html[dir=rtl] .main-container .login-container .login-ctr .data-container .header-content {
  padding: 15px;
}
html[dir=rtl] .main-container .login-container .login-ctr .data-container .header-content img {
  width: 350px;
  margin-bottom: 0px;
  z-index: 99;
  position: relative;
  margin-top: 25px;
  padding: 5px 10px;
}
html[dir=rtl] .main-container .login-container .login-ctr .data-container .header-content h4 {
  color: #00b1b7;
  font-weight: 900;
  font-family: "NeoSansArabic";
  text-align: center;
  margin-bottom: 5px;
}
html[dir=rtl] .main-container .login-container .login-ctr .data-container .header-content h6 {
  color: #a1b32b;
  font-weight: 900;
  font-family: "NeoSansArabic";
  text-align: center;
}
html[dir=rtl] .main-container .login-container .login-ctr .data-container .form-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 3;
  align-items: center;
  background: transparent;
}
html[dir=rtl] .main-container .login-container .login-ctr .data-container .form-content form {
  display: flex;
  flex-direction: column;
}
html[dir=rtl] .main-container .login-container .login-ctr .data-container .form-content form .form-group {
  margin-bottom: 25px;
  position: relative;
}
html[dir=rtl] .main-container .login-container .login-ctr .data-container .form-content form .form-group .input-icon {
  position: absolute;
  padding: 10px 0px;
}
html[dir=rtl] .main-container .login-container .login-ctr .data-container .form-content form .form-group .input-icon label {
  font-size: 30px;
  color: #939393;
  padding: 0px 10px 0px 15px;
  border-left: 1px solid #939393;
  margin: 0px;
}
html[dir=rtl] .main-container .login-container .login-ctr .data-container .form-content form .form-group input {
  height: 50px !important;
  border-color: #ced4da;
  padding-right: 55px !important;
}
html[dir=rtl] .main-container .login-container .login-ctr .data-container .form-content form button, html[dir=rtl] .main-container .login-container .login-ctr .data-container .form-content form a {
  margin-bottom: 35px;
  padding: 9px 14px;
}
html[dir=rtl] .main-container .login-container .login-ctr .login-footer {
  display: flex;
  flex-direction: row;
  padding: 15px;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #ffffff;
}
html[dir=rtl] .main-container .login-container .login-ctr .login-footer a {
  font-weight: 900;
  color: #ffffff;
  font-family: "NeoSansArabic";
  font-size: 14px;
}
html[dir=rtl] .main-container .login-container .login-ctr .login-footer a:hover {
  cursor: pointer;
}
html[dir=rtl] .main-container .login-container .login-ctr .login-footer .select-language {
  margin-top: 20px;
  margin-bottom: 5px;
  font-family: "NeoSansArabic";
  font-weight: 300;
  text-align: center;
}
html[dir=rtl] .main-container .login-container .login-ctr .login-footer .select-language:before {
  font-family: fontawesome;
  margin: 0px 5px;
  font-size: 16px;
}
html[dir=rtl] .main-container .login-container .login-ctr .login-footer .custom-checkbox {
  margin: 0px;
  padding-right: 1.5rem;
  margin-left: 2%;
}
html[dir=rtl] .main-container .login-container .login-ctr .login-footer .custom-checkbox label {
  font-weight: 900;
  color: #ffffff;
  font-family: "NeoSansArabic";
  font-size: 14px;
  padding-left: 20px !important;
  padding-right: 15px !important;
  vertical-align: sub;
}
html[dir=rtl] .main-container .login-container .login-ctr .login-footer .custom-checkbox .custom-control-label::before {
  width: 25px;
  height: 25px;
}
html[dir=rtl] .main-container .login-container .login-ctr .login-footer .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background: #00b1b7;
}
html[dir=rtl] .main-container .login-container .login-ctr .login-footer .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  width: 25px;
  height: 25px;
}
html[dir=rtl] .main-container .login-container .login-ctr .login-footer .custom-checkbox:hover {
  cursor: pointer;
}
html[dir=rtl] .main-container .login-container .login-ctr .login-footer .custom-checkbox:last-child {
  margin-top: 3px;
}
html[dir=rtl] .main-container .login-container .login-ctr .copyright p {
  margin: 20px 0px;
  color: #ffffff;
  font-size: 13px;
  display: inline-block;
}
html[dir=rtl] .main-container .login-container .login-ctr .copyright span {
  font: normal normal normal 14px/1 FontAwesome !important;
  color: #ffffff;
  display: inline-block;
  margin: 0px 5px;
}
html[dir=rtl] .main-container .error-container {
  margin-right: 0px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #f0f0f0;
}
html[dir=rtl] .main-container .error-container .logo-container {
  padding: 50px;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .main-container .error-container .error-msg {
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
html[dir=rtl] .main-container .error-container .error-msg h4 {
  width: 100%;
  text-align: right;
  color: #00b1b7;
  font-size: 7rem;
  font-weight: 900;
}
html[dir=rtl] .main-container .error-container .error-msg p {
  width: 100%;
  text-align: right;
  font-size: 2.4rem;
  font-weight: 100;
}
html[dir=rtl] .main-container .error-container .error-msg a {
  padding: 10px 50px;
  font-size: 18px;
}
html[dir=rtl] .clockpicker-popover .popover-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  direction: ltr;
}
html[dir=rtl] .warning-text {
  color: #efb334;
}
html[dir=rtl] .success-text {
  color: #a1b32b;
}
html[dir=rtl] .danger-text {
  color: #ff3333;
}
html[dir=rtl] .default-text {
  color: #00b1b7;
}
html[dir=rtl] #loaderImg {
  display: none;
}
html[dir=rtl] a:hover {
  text-decoration: none;
}
html[dir=rtl] a:active {
  text-decoration: none;
}
html[dir=rtl] .fw {
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
}
html[dir=rtl] .no-border {
  border: none !important;
}
html[dir=rtl] .hidden {
  display: none !important;
  visibility: hidden;
  opacity: 0;
}
html[dir=rtl] .tooltip {
  font-family: "NeoSansArabic";
}
html[dir=rtl] .custom-row {
  margin-right: 0px;
  margin-left: 0px;
}
html[dir=rtl] .m-direction-auto {
  margin-right: auto;
}
html[dir=rtl] .m-direction-op-auto {
  margin-left: auto;
}
html[dir=rtl] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
html[dir=rtl] ::-webkit-scrollbar-button {
  display: none;
}
html[dir=rtl] ::-webkit-scrollbar-track {
  background: transparent;
  padding: 5px;
}
html[dir=rtl] ::-webkit-scrollbar-track-piece {
  background: #f0f0f0;
  border-radius: 35px;
}
html[dir=rtl] ::-webkit-scrollbar-thumb {
  background: #00b1b7;
  border-radius: 35px;
}
html[dir=rtl] ::-webkit-scrollbar-corner {
  display: none;
}
html[dir=rtl] ::-webkit-resizer {
  display: none;
}
html[dir=rtl] .p-dir-0 {
  padding-right: 0px !important;
}
html[dir=rtl] .p-dir-op-0 {
  padding-left: 0px !important;
}
html[dir=rtl] .fl-end {
  align-items: flex-end !important;
}
html[dir=rtl] .br-dir-1 {
  border-right: 1px solid #ced4da;
}
html[dir=rtl] .br-dir-op-1 {
  border-left: 1px solid #ced4da;
}
@media only screen and (max-width: 1450px) {
  html[dir=rtl] .main-container .login-container .login-ctr {
    width: 30%;
  }
}
@media only screen and (max-width: 1200px) {
  html[dir=rtl] .main-container .login-container .login-ctr {
    width: 35%;
  }
  html[dir=rtl] .page-container:not(.login-container) {
    top: 66px !important;
    height: calc(100vh - 66px) !important;
  }
}
@media only screen and (max-width: 992px) {
  html[dir=rtl] .main-container .login-container .login-ctr {
    width: 50%;
  }
  html[dir=rtl] .main-container .error-container .logo-container {
    padding-top: 15px !important;
    padding-bottom: 0px !important;
  }
  html[dir=rtl] .main-container .error-container .error-msg {
    padding-bottom: 15px !important;
    justify-content: center;
  }
  html[dir=rtl] .main-container .error-container .error-msg h4 {
    text-align: center;
  }
  html[dir=rtl] .main-container .error-container .error-msg p {
    text-align: center;
  }
  html[dir=rtl] .main-data .custom-checkbox {
    margin: 10px 10px 10px 10px;
  }
}
html[dir=rtl] .footer-menu-logo {
  bottom: 0;
  position: fixed;
}
@media only screen and (max-width: 768px) {
    html[dir=rtl] .main-container .login-container .login-ctr {
        width: 80%;
    }
}
@media (max-width: 768px) {
    .main-container .login-container .login-ctr .copyright p {
        font-size: 12px !important;
    }
    .main-container .login-container {
        overflow-x: hidden;
        overflow-y: scroll !important;
    }
    html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.profile img, html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.profile img {
        width: 125px !important;
        height: 125px !important;
    }
    .widget-container .widget .widget-container-body .widget-content.profile .profile-data h4 {
        font-size: 22px !important;
    }
    .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .main-logo-div {
        padding: 0 20px 30px !important;
    }
    .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .main-logo-div img {
        height: 90px !important;
    }
    .admin-program-form{
        padding: 0 !important;
    }
    .widget-container .widget .widget-container-body .widget-content.admin-form-container {
        min-height: calc(100vh - 175px) !important;
    }
    #small-logo {
        top: 60% !important;
    }
    .widget-container .widget .widget-container-body .widget-content.admin-form-container .prog-widget-footer p {
        text-align: center !important;
    }
    .tooltip {
        display: none !important
    }
    html[dir=rtl] .page-container:not(.login-container){
    height: auto !important;
  }
  html[dir=ltr] .page-container:not(.login-container){
    height: auto !important;
  }
}
@media only screen and (max-width: 576px) {
  html[dir=rtl] .main-container .login-container .login-ctr {
    width: 90%;
  }
  html[dir=rtl] .page-container:not(.login-container){
    height: auto !important;
  }
  html[dir=ltr] .page-container:not(.login-container){
    height: auto !important;
  }
}
@media (max-width: 576px) {
    .sidebar .sidebar-list .sub-list-l {
        min-width: 240px !important;
    }
    .sidebar .sidebar-list .sub-list-l .sub-list-inner li a {
        font-size: 14px !important;
    }
    .modal.m-primary .w-50 {
        width: 95% !important
    }
    .form-control {
        font-size: .8rem !important;
    }
    html[dir=rtl] .page-container:not(.login-container){
    height: auto !important;
  }
  html[dir=ltr] .page-container:not(.login-container){
    height: auto !important;
  }
}
@media (max-width: 350px) {
    .main-container .login-container .login-ctr .copyright p {
        font-size: 9px !important;
    }
    .main-container .login-container .login-ctr .data-container .header-content img {
        width: 270px !important;
    }
    .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .main-logo-div {
        padding: 20px 20px 30px !important;
    }
    .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .main-logo-div img {
        height: 50px !important;
    }
    html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.profile img, html[dir=ltr] .widget-container .widget .widget-container-body .widget-content.profile img {
        width: 110px !important;
        height: 110px !important;
    }
    .widget-container .widget .widget-container-body .widget-content.admin-form-container .prog-widget-footer p {
        font-size: 12px !important;
    }
    .tooltip{
        display: none !important
    }
}
html[dir=rtl] .page-header {
  box-shadow: 0px 1px #ced4da;
  padding: 0px;
  /*padding-right:100px;*/
  /* z-index: 9; */
  height: 64px;
  background: #ffffff;
  /*  position : fixed !important; */
  right: 0px;
}
html[dir=rtl] .page-header .container-fluid {
  min-height: 64px;
  background: #ffffff;
  position: relative;
  z-index: 8;
  box-shadow: 0px 1px #ced4da;
}
html[dir=rtl] .page-header .container-fluid .header-container {
  flex-direction: row;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right {
  justify-content: flex-end;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .date-time {
  margin-right: 10px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .date-time p {
  color: #025ca0;
  margin: 0px;
  font-weight: 300;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  font-family: "NeoSansArabic";
  direction: ltr;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .date-time p:after {
  font-family: FontAwesome;
  margin-left: 5px;
  font-weight: 900;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .date-time p:before {
  font-family: FontAwesome;
  margin-left: 0px;
  font-weight: 900;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .date-time .day:after {
  content: "";
  color: #efb334;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .date-time .day:before {
  content: "";
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .date-time .night:after {
  content: "";
  color: #012943;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .date-time .night:before {
  content: "";
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav {
  flex-direction: row;
  align-items: center;
  /* .dropdown{
      margin: 0px 10px;
      a{
          flex-direction: $FdirectionRow;
          align-items: center;
          margin: 10px 0px;
          padding-right: 10px;
          span{
              margin-right: 5px;
              color: $MainColor;
              font-size: 17px;
              align-self: flex-end;
          }
          .user-data{
              text-align: $Direction;
              h4,p{
                  color: $MainColorLight;
              }
              h4{
                  font-size: 14px;
                  font-weight: $FW-Bold;
                  font-family: $MainFont;
                  color: $MainColor;
              }
          }
          .user-img{
              margin-left: 5px;
              img{
                  width: 30px;
                  height: 30px;
                  border-radius: 30px;
              }
          }
      }
      .dropdown-toggle{
          border-right: 1px solid $BorderColor;
      }
      a:after{
          border: none;
      }
      .dropdown-menu{
          width: 220px;
          top:65px !important;

          left: 0px !important;
          right: auto !important;
          transform: translate3d(0px, 0px, 0px) !important;
          border-top-left-radius: 0px;
          border-top-right-radius: 0px;
          a{
              min-height: auto;
              div{
                  flex-direction: $FdirectionRow;
                  p{
                      justify-content: flex-start;
                      margin: 0px;
                      color: $MainColor;
                      text-align: $Direction;
                  }
                  span{
                      justify-content: flex-end;
                      margin: 0px;
                  }
                  .badge{
                      font-size: 13px;
                      font-weight: $FW-Light;
                      padding: 4px 8px;
                      color: $ClearWhite;
                      background: $Success;
                  }
              }
          }
          .prog-notification{
              display: none;
              p{
                  justify-content: flex-start;
                  span{
                      justify-content: flex-end;
                      margin-left: 10px;
                      float:$Direction;
                      min-width: 17px;
                      text-align: center;
                  }
              }
          }
          .dropdown-divider{margin: 0px;}
      }
      a:hover, a:focus,a:active{
          background: none;
          text-decoration: none;
          cursor: pointer;
      }
  }
  .open{
      a{
          background: none !important;
          text-decoration: none;
      }
  } */
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link {
  position: relative;
  display: inline-block;
  margin: 0px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link a {
  color: #012943;
  font-size: 18px;
  border: none !important;
  /*  span{
          margin-top:5px;
      } */
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link a:before {
  width: 18px !important;
  height: 18px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link a .badge {
  top: 0px;
  left: 0px;
  margin-top: 7px;
  margin-left: 8px;
  background: #a1b32b;
  color: #ffffff !important;
  font-weight: 100;
  font-size: 12px;
  font-family: "NeoSansArabic";
  position: absolute;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link a:first-child {
  padding: 15px 10px !important;
  width: 45px !important;
  height: 49px !important;
  display: flex;
  align-self: center;
  justify-content: center;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link a:first-child:hover, html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link a:first-child:focus, html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link a:first-child:active {
  background: none;
  color: #efb334;
  cursor: pointer;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link .md-icon {
  font-size: 20px;
  padding: 13px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link .md-icon img {
  height: 25px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link {
  flex-direction: row;
  align-items: center;
  margin: 10px 0px;
  padding-right: 10px;
  border-right: 1px solid #ced4da;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link span {
  margin-right: 5px;
  color: #025ca0;
  font-size: 17px;
  align-self: flex-end;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link .user-data {
  text-align: right;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link .user-data h4, html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link .user-data p {
  color: #025ca0;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link .user-data h4 {
  font-size: 14px;
  font-weight: 900;
  font-family: "NeoSansArabic";
  color: #025ca0;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link .user-img {
  margin-left: 5px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link .user-img .activity {
  width: 15px;
  height: 15px;
  background: #a1b32b;
  position: absolute;
  border-radius: 15px;
  bottom: 0px;
  right: 0px;
  margin: 8px 9px;
  border: 3px solid #ffffff;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link .user-img img {
  width: 35px;
  height: 35px;
  border-radius: 35px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .profile-link:after {
  border: none;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown a {
  margin: 0px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu {
  width: 380px;
  top: 50px !important;
  left: 50% !important;
  right: auto !important;
  border: 1px solid #ced4da !important;
  transform: translate(-50%, 0) !important;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .top-arrow {
  color: #fff;
  -webkit-text-stroke: 1px #ced4da;
  position: absolute;
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, 0) !important;
  top: -17px;
  font-size: 25px;
  z-index: 5;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-header {
  padding: 0.8rem 1.5rem;
  text-align: center;
  background: #ffffff;
  z-index: 6;
  position: relative;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item {
  padding: 0px !important;
  white-space: normal;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item .dropdown-item-container {
  padding: 8px 0px 6px 0px;
  border-top: 1px solid #ced4da;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item .dropdown-item-container .dropdown-item-container-icon {
  padding: 5px 15px;
  font-size: 36px;
  border-left: 1px solid #ced4da;
  margin-left: 8px;
  align-self: flex-start;
  min-width: 72px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item .dropdown-item-container .dropdown-item-container-icon:before {
  display: flex;
  justify-content: center;
  align-items: center;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item .dropdown-item-container .dropdown-item-container-content {
  width: 80%;
  align-items: center;
  align-content: center;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item .dropdown-item-container .dropdown-item-container-content h4 {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0px;
  padding-left: 10px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item .dropdown-item-container .dropdown-item-container-content p {
  font-size: 14px;
  font-weight: 100;
  color: #939393;
  padding-left: 10px;
  margin-bottom: 2px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item .dropdown-item-container .dropdown-item-container-content span {
  font-size: 11px;
  width: 100%;
  text-align: left;
  padding: 0px 10px;
  color: #939393;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item:hover {
  background: #fbfbfb;
  cursor: pointer;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.warning {
  color: #efb334;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.warning .dropdown-item-container .dropdown-item-container-icon {
  color: #efb334;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.dark {
  color: #343a40;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.dark .dropdown-item-container .dropdown-item-container-icon {
  color: #343a40;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.success {
  color: #a1b32b;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.success .dropdown-item-container .dropdown-item-container-icon {
  color: #a1b32b;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.danger {
  color: #ff3333;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.danger .dropdown-item-container .dropdown-item-container-icon {
  color: #ff3333;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.default {
  color: #00b1b7;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-item.default .dropdown-item-container .dropdown-item-container-icon {
  color: #00b1b7;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-footer {
  display: block;
  width: 100%;
  text-align: center;
  padding: 8px !important;
  background: #012943;
  color: #ffffff;
  font-size: 15px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-footer p {
  margin-bottom: 0px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-footer:hover {
  background: #00b1b7;
  cursor: pointer;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-footer.danger {
  background: #f2a095;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-footer.danger:hover {
  background: #ff3333;
  cursor: pointer;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-footer.success {
  background: #cbdc5a;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown .dropdown-menu .dropdown-footer.success:hover {
  background: #a1b32b;
  cursor: pointer;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-lg .dropdown-menu {
  width: 380px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-header {
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-menu {
  width: 300px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 10px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool {
  align-items: center;
  justify-content: center;
  display: flex;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool a {
  padding: 12px !important;
  font-weight: 700;
  width: auto !important;
  height: auto !important;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link {
  padding: 5px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a {
  padding: 0px !important;
  width: auto !important;
  height: auto !important;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a span {
  text-align: center;
  font-size: 30px;
  margin-bottom: 5px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a p {
  font-size: 12px;
  text-align: center;
  color: #012943;
  font-weight: 300;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a:hover {
  cursor: pointer;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.success span {
  color: #cbdc5a;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.success p {
  color: #939393;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.success:hover span, html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.success:hover p {
  color: #a1b32b;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.default span {
  color: #78d0d4;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.default p {
  color: #939393;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.default:hover span, html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.default:hover p {
  color: #00b1b7;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.warning span {
  color: #fdc977;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.warning p {
  color: #939393;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.warning:hover span, html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.warning:hover p {
  color: #efb334;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.danger span {
  color: #f2a095;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.danger p {
  color: #939393;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.danger:hover span, html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.danger:hover p {
  color: #ff3333;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu {
  width: 220px;
  border-radius: 0px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-header {
  border-bottom: 1px solid #ced4da;
  display: none;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-header .user-data {
  text-align: right;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-header .user-data h4, html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-header .user-data p {
  color: #939393;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-header .user-data h4 {
  font-size: 14px;
  font-weight: 900;
  font-family: "NeoSansArabic";
  color: #012943;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-body {
  background: #ffffff;
  z-index: 9;
  position: relative;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-body .dropdown-item .dropdown-item-container {
  padding: 8px 10px 6px 10px;
  border: none;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-body .dropdown-item .dropdown-item-container p {
  font-size: 15px;
  font-weight: 300;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-body .dropdown-item .dropdown-item-container span {
  width: auto;
  margin-right: auto;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-body .dropdown-item .dropdown-item-container .badge {
  background: #a1b32b;
  color: #ffffff;
  padding: 3px 6px;
  line-height: 12px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-body .dropdown-item .dropdown-item-container .icon {
  font-size: 15px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .g7-dropdown.g7-dropdown-sm .dropdown-menu .dropdown-body .dropdown-item:hover .dropdown-item-container p {
  color: #012943;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .profile-menu .dropdown-menu {
  top: 60px !important;
  transform: translate(-36%, 0) !important;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link a.success {
  color: #cbdc5a;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link a.success:hover {
  color: #a1b32b;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link a.default {
  color: #78d0d4;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link a.default:hover {
  color: #00b1b7;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link a.warning {
  color: #fdc977;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link a.warning:hover {
  color: #efb334;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link a.danger {
  color: #f2a095;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-link a.danger:hover {
  color: #ff3333;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .devider {
  border-left: 1px solid #ced4da;
  height: 40px;
  width: 1px;
  margin: 0px 5px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .icon-sqr a:first-child {
  font-size: 20px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse {
  display: none;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse .nav .icon-link a {
  padding: 15px;
  padding-left: 15px;
  padding-right: 10px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown [data-toggle=dropdown] {
  padding: 19px 10px !important;
  min-height: auto !important;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown [data-toggle=dropdown] span {
  font-size: 20px !important;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown a:hover, html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown a:focus, html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown a:active {
  background: none;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown a:hover span, html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown a:focus span, html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown a:active span {
  color: #00b1b7;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown .dropdown-menu .user-menuitem {
  padding: 5px 10px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown .dropdown-menu .user-menuitem .profile {
  flex-direction: row;
  align-items: center;
  display: flex;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown .dropdown-menu .user-menuitem .profile .user-data {
  text-align: right;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown .dropdown-menu .user-menuitem .profile .user-data h4, html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown .dropdown-menu .user-menuitem .profile .user-data p {
  color: #939393;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown .dropdown-menu .user-menuitem .profile .user-data h4 {
  font-size: 17px;
  font-weight: 900;
  font-family: "NeoSansArabic";
  color: #012943;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown .dropdown-menu .user-menuitem .profile .user-img {
  margin-left: 5px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-right-collapse .nav .dropdown .dropdown-menu .user-menuitem .profile .user-img img {
  width: 30px;
  height: 30px;
  border-radius: 30px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: auto;
  /*  ul{
          justify-content: flex-start ;
          padding-right:0px;
          .dropdown{
              a{
                  padding: 0px 10px;
                  h4{
                      font-size: 22px;
                      font-weight: $FW-Bold;
                      font-family: $MainFont;
                      color:$SubColor;
                      display: inline-block;
                      vertical-align: middle;
                      margin: 0px;
                      float:$Direction;
                  }
                  span{
                      display: inline-block;
                      vertical-align: middle;
                      margin-right: 7px;
                      margin-top: 3px;
                      color:$SubColor;
                      font-size: 19px;
                  }
              }
              a:after{
                  border: none;
              }
              .dropdown-menu{
                  top: 48px!important;
                  left: auto !important;
                  transform: none !important;
                  right: 0px;
                  min-width: 250px;
                  border-color: $BorderColor;
                  border-top-left-radius: 0px;
                  border-top-right-radius: 0px;
                  h6{
                      text-align:$Direction;
                  }
                  a{
                      min-height: auto;
                      padding: 12px;
                      padding-left: 10px;
                      padding-right: 15px;
                      border-bottom: 1px solid $BorderColor;
                      div{
                          flex-direction: $FdirectionRow ;
                          p{
                          margin: 0px;
                          color: $MainColor;
                          text-align:$Direction;
                          }
                          .badge{
                              font-size: 13px;
                              font-weight: $FW-Light;
                              padding: 4px 8px 4px 8px;
                              color: $ClearWhite;
                              background: $Success;
                          }
                      }
                  }
                  a:last-child{
                      border: none;
                  }
              }
              a:hover, a:focus,a:active{
                  background: none;
                  text-decoration: none;
                  cursor: pointer;
              }
          }
          .open{
              a{
                  background: none !important;
                  text-decoration: none;
              }
          }
      } */
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .company-logo {
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .company-logo img {
  height: 49px;
  margin-left: 15px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .company-logo h3 {
  margin: 0px;
  padding: 0px 5px;
  color: #012943;
  font-weight: 900;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .sidebar-icon-link {
  padding: 15px 10px !important;
  width: 45px !important;
  height: 49px !important;
  display: flex;
  align-self: center;
  justify-content: center;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .sidebar-icon-link a {
  font-size: 20px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav {
  flex-direction: row;
  align-items: center;
  padding: 0px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .form-div-container {
  padding: 0px;
  margin-left: 5px !important;
  /* &.focused-item{
      .form-div{
      input{
          z-index: 99999;
      }
      span{
          z-index: 999999;
      }
      }
  } */
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div span {
  position: fixed;
  z-index: 11;
  font-size: 19px;
  color: #939393;
  border-left: 1px solid #ced4da;
  padding-left: 10px;
  padding-right: 10px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div input {
  border-radius: 0px;
  border: none;
  padding-right: 50px;
  border-color: #ced4da;
  width: 400px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div input:focus, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div input:active {
  outline: none;
  border-bottom: 1px Solid #ced4da;
  box-shadow: none;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div input::placeholder, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div input:-ms-input-placeholder, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div input::-ms-input-placeholder {
  color: #ced4da;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div select {
  border-radius: 0px;
  border: none;
  padding-right: 50px !important;
  z-index: 10;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-repeat: no-repeat;
  background-position: 3% 42%;
  background-color: #ffffff;
  padding-left: 25px !important;
  border: 1px solid #ced4da;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div select:focus, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .form-div-container .form-div select:active {
  outline: none;
  border-bottom: 1px Solid #ced4da;
  box-shadow: none;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .form-div-container-container .fa-size {
  font-size: 22px;
  padding-top: 0.5rem;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link {
  position: relative;
  display: inline-block;
  margin: 0px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link button, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link a {
  color: #025ca0;
  font-size: 18px;
  border: none !important;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link button:before, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link a:before {
  width: 18px !important;
  height: 18px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link button .badge, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link a .badge {
  top: 0px;
  left: 0px;
  margin-top: 7px;
  margin-left: 8px;
  background: #a1b32b;
  color: #ffffff !important;
  font-weight: 100;
  font-size: 12px;
  font-family: "NeoSansArabic";
  position: absolute;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link button {
  font-size: 20px;
  padding: 20px 15px;
  background: none;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link a:first-child {
  padding: 15px 10px !important;
  width: 45px !important;
  height: 49px !important;
  display: flex;
  align-self: center;
  justify-content: center;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link a:first-child:hover, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link a:first-child:focus, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link a:first-child:active, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link button:first-child:hover, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link button:first-child:focus, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link button:first-child:active {
  background: none;
  color: #efb334;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link .md-icon {
  font-size: 20px;
  padding: 13px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link .md-icon img {
  height: 25px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown {
  margin: 0px !important;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown a {
  margin: 0px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu {
  width: 380px;
  top: 50px !important;
  left: 50% !important;
  right: auto !important;
  border: 1px solid #ced4da !important;
  transform: translate(-50%, 0) !important;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu .search-input {
  padding: 5px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu .search-input input {
  border-radius: 0px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu .search-input span {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 14px;
  color: #ced4da;
  font-size: 18px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu .top-arrow {
  color: #fff;
  -webkit-text-stroke: 1px #ced4da;
  position: absolute;
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, 0) !important;
  top: -17px;
  font-size: 25px;
  z-index: 5;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu .dropdown-header {
  padding: 0.8rem 1.5rem;
  text-align: center;
  background: #ffffff;
  z-index: 6;
  position: relative;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul {
  padding: 0px;
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item {
  padding: 0px !important;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a {
  height: unset !important;
  padding: 0px !important;
  white-space: normal;
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a .dropdown-item-container {
  padding: 8px 0px 6px 0px;
  border-top: 1px solid #ced4da;
  width: 100%;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a .dropdown-item-container .dropdown-item-container-icon {
  padding: 5px 15px;
  font-size: 36px;
  border-left: 1px solid #ced4da;
  margin-left: 8px;
  align-self: flex-start;
  min-width: 72px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a .dropdown-item-container .dropdown-item-container-icon:before {
  display: flex;
  justify-content: center;
  align-items: center;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a .dropdown-item-container .dropdown-item-container-content {
  width: 80%;
  align-items: center;
  align-content: center;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a .dropdown-item-container .dropdown-item-container-content h4 {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0px;
  padding-left: 10px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a .dropdown-item-container .dropdown-item-container-content p {
  font-size: 14px;
  font-weight: 100;
  color: #939393;
  padding-left: 10px;
  margin-bottom: 2px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a .dropdown-item-container .dropdown-item-container-content span {
  font-size: 11px;
  width: 100%;
  text-align: left;
  padding: 0px 10px;
  color: #939393;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a:hover {
  background: #fbfbfb;
  cursor: pointer;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.warning {
  color: #efb334;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.warning .dropdown-item-container .dropdown-item-container-icon {
  color: #efb334;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.dark {
  color: #343a40;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.dark .dropdown-item-container .dropdown-item-container-icon {
  color: #343a40;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.success {
  color: #a1b32b;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.success .dropdown-item-container .dropdown-item-container-icon {
  color: #a1b32b;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.danger {
  color: #ff3333;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.danger .dropdown-item-container .dropdown-item-container-icon {
  color: #ff3333;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.default {
  color: #00b1b7;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu ul .dropdown-item a.default .dropdown-item-container .dropdown-item-container-icon {
  color: #00b1b7;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu .dropdown-footer {
  display: block;
  width: 100%;
  text-align: center;
  padding: 8px !important;
  background: #012943;
  color: #ffffff;
  font-size: 15px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown .dropdown-menu .dropdown-footer:hover {
  background: #00b1b7;
  cursor: pointer;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-lg .dropdown-menu {
  width: 380px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-header {
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-menu {
  width: 300px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 10px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body.keyboard-shortcuts {
  align-items: center;
  padding: 5px;
  list-style: none;
  overflow-y: auto;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body.keyboard-shortcuts li {
  padding: 0px;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body.keyboard-shortcuts li p {
  margin: 0px;
  padding: 2px 5px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body.keyboard-shortcuts li p .icon {
  font-weight: 900;
  font-size: 14px;
  text-align: right;
  border: 1px solid #ced4da;
  padding: 0px 10px;
  border-radius: 4px;
  margin: 5px;
  box-shadow: 2px 2px 0px #ced4da;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body.keyboard-shortcuts li p .desc {
  color: #939393;
  margin: 0px;
  font-weight: 300;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  font-family: "NeoSansArabic";
  /* padding-right:10px;
  margin-right:10px;
  border-right: 1px solid $BorderColor; */
  text-align: right;
  padding-left: 0px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body.keyboard-shortcuts li:last-child {
  border: none;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .form-clear-btn {
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
  padding: 12px !important;
  width: auto !important;
  height: auto !important;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool {
  align-items: center;
  justify-content: center;
  display: flex;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool a {
  padding: 12px !important;
  font-weight: 700;
  width: auto !important;
  height: auto !important;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link {
  padding: 5px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link.sm-item {
  display: none;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a {
  padding: 0px !important;
  width: auto !important;
  height: auto !important;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a span {
  text-align: center;
  font-size: 30px;
  margin-bottom: 5px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a p {
  font-size: 12px;
  text-align: center;
  color: #012943;
  font-weight: 300;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a:hover {
  cursor: pointer;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.success span {
  color: #cbdc5a;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.success p {
  color: #939393;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.success:hover span, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.success:hover p {
  color: #a1b32b;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.default span {
  color: #78d0d4;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.default p {
  color: #939393;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.default:hover span, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.default:hover p {
  color: #00b1b7;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.warning span {
  color: #fdc977;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.warning p {
  color: #939393;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.warning:hover span, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.warning:hover p {
  color: #efb334;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.danger span {
  color: #f2a095;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.danger p {
  color: #939393;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.danger:hover span, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .tool-link a.danger:hover p {
  color: #ff3333;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-md .dropdown-body .form-group {
  padding: 0px;
  margin-bottom: 5px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link.g7-dropdown.g7-dropdown-sm .dropdown-menu {
  width: 300px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link a.success {
  color: #cbdc5a;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link a.success:hover {
  color: #a1b32b;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link a.default {
  color: #78d0d4;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link a.default:hover {
  color: #00b1b7;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link a.warning {
  color: #fdc977;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link a.warning:hover {
  color: #efb334;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link a.danger {
  color: #f2a095;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-link a.danger:hover {
  color: #ff3333;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .devider {
  border-right: 1px solid #ced4da;
  height: 40px;
  width: 1px;
  margin: 0px 5px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .icon-sqr a:first-child {
  font-size: 20px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .hidden-tool {
  display: none;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown {
  margin: 0px 10px;
  /* .dropdown-toggle{
      border-right: 1px solid $BorderColor;
  } */
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown a {
  flex-direction: row;
  align-items: center;
  margin: 10px 0px;
  padding-right: 10px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown a span {
  margin-right: 5px;
  color: #012943;
  font-size: 17px;
  align-self: flex-end;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown a .user-data {
  text-align: right;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown a .user-data h4, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown a .user-data p {
  color: #939393;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown a .user-data h4 {
  font-size: 14px;
  font-weight: 900;
  font-family: "NeoSansArabic";
  color: #012943;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown a .user-img {
  margin-left: 5px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown a .user-img img {
  width: 30px;
  height: 30px;
  border-radius: 30px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown a:after {
  border: none;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu {
  width: 220px;
  top: 65px !important;
  left: 0px !important;
  right: auto !important;
  transform: translate3d(0px, 0px, 0px) !important;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu a {
  min-height: auto;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu a div {
  flex-direction: row;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu a div p {
  justify-content: flex-start;
  margin: 0px;
  color: #012943;
  text-align: right;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu a div span {
  justify-content: flex-end;
  margin: 0px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu a div .badge {
  font-size: 13px;
  font-weight: 100;
  padding: 4px 8px;
  color: #ffffff;
  background: #a1b32b;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu .prog-notification {
  display: none;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu .prog-notification p {
  justify-content: flex-start;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu .prog-notification p span {
  justify-content: flex-end;
  margin-left: 10px;
  float: right;
  min-width: 17px;
  text-align: center;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown .dropdown-menu .dropdown-divider {
  margin: 0px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown a:hover, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown a:focus, html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .dropdown a:active {
  background: none;
  text-decoration: none;
  cursor: pointer;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .open a {
  background: none !important;
  text-decoration: none;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .company-branch-item {
  display: none;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .header-data {
  border-right: 1px solid #ced4da;
  padding-right: 10px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .header-data .header-data-item {
  line-height: 16px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .header-data .header-data-item .label {
  color: #939393;
  margin: 0px 5px;
  font-weight: 300;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  font-family: "NeoSansArabic";
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .header-data .header-data-item .label:after {
  content: ":";
  margin: 0px 5px;
}
html[dir=rtl] .page-header .container-fluid .header-container .header-left .header-data .header-data-item .data {
  color: #939393;
  margin: 0px;
  font-weight: 300;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  font-family: "NeoSansArabic";
}
html[dir=rtl] .page-header .top-header-tools {
  right: 50% !important;
  transform: translate(-50%, 0) !important;
  position: absolute;
  top: 10px;
  z-index: 7;
}
html[dir=rtl] .page-header .top-header-tools .tools {
  display: flex;
  flex-wrap: wrap;
  background: #ffffff;
  padding: 5px 10px;
  border-radius: 6px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border: 1px solid #ced4da;
  margin-left: auto;
  border-top: none;
}
html[dir=rtl] .page-header .top-header-tools .tools a {
  padding: 10px 14px;
  font-weight: 700;
}
html[dir=rtl] .page-header .top-header-tools .tools .show-btn {
  background: #ffffff;
  width: 30px;
  height: 16px;
  z-index: 999;
  font-weight: 100;
  display: flex;
  bottom: -20px !important;
  right: 50% !important;
  transform: translate(-50%, 0) !important;
  position: absolute;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #012943;
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .page-header .top-header-tools .tools .show-btn .left {
  position: absolute;
  right: -15px;
  border-bottom-right-radius: 28px;
  background: #fff;
  border: 1px solid #ced4da;
  top: 0px;
  bottom: -1px;
  left: 29px;
  border-left: none;
  border-top: none;
}
html[dir=rtl] .page-header .top-header-tools .tools .show-btn .right {
  position: absolute;
  border-bottom-left-radius: 28px;
  background: #fff;
  border: 1px solid #ced4da;
  top: 0px;
  bottom: -1px;
  right: 29px;
  border-right: none;
  border-top: none;
}
html[dir=rtl] .page-header .top-header-tools .tools .show-btn:hover {
  cursor: pointer;
}
html[dir=rtl] .page-header .top-header-tools.tools-in {
  animation-name: MenuSlidingInTop;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
html[dir=rtl] .page-header .top-header-tools.tools-out {
  animation-name: MenuSlidingOutTop;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
@media screen and (max-width: 500px) {
  html[dir=rtl] .page-header .container-fluid {
    padding: 0px;
  }
  html[dir=rtl] .page-header .container-fluid .header-container .header-left {
    padding: 8px 0px;
  }
  html[dir=rtl] .page-header .container-fluid .header-container .header-left .sidebar-icon-link {
    z-index: 10;
  }
  html[dir=rtl] .page-header .container-fluid .header-container .header-left .company-logo {
    padding-right: 15px;
    z-index: 10;
  }
  html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav {
    z-index: 10;
  }
  html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .company-branch-item {
    display: flex;
  }
  html[dir=rtl] .page-header .container-fluid .header-container .header-left .user-tools {
    position: absolute;
    padding: 15px;
    background: #012943;
    z-index: 9;
    width: 100%;
    top: 0px;
    display: none;
  }
  html[dir=rtl] .page-header .container-fluid .header-container .header-left .user-tools .devider {
    display: none;
  }
  html[dir=rtl] .page-header .container-fluid .header-container .header-left .user-tools .form-div-container {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  html[dir=rtl] .page-header .container-fluid .header-container .header-left .user-tools.opened {
    transform: translate(0, 65px);
    transition-duration: 1s;
  }
  html[dir=rtl] .page-header .container-fluid .header-container .header-left .user-tools.closed {
    transform: translate(0, -65px);
    transition-duration: 1s;
  }
  html[dir=rtl] .page-header .container-fluid .header-container .header-right {
    display: flex;
  }
  html[dir=rtl] .page-header .container-fluid .header-container-bg {
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    z-index: 9;
  }
  html[dir=rtl] .page-header .container-fluid .header-right {
    z-index: 10;
  }
}
@media screen and (max-width: 992px) {
  html[dir=rtl] .page-header .container-fluid .header-container .header-left .user-tools {
    width: 100% !important;
    flex-basis: auto;
    display: none;
  }
  html[dir=rtl] .page-header .container-fluid .header-container .header-left .user-tools .devider {
    display: none;
  }
}
@media screen and (min-width: 993px) and (max-width: 1399px) {
  html[dir=rtl] .page-header .container-fluid .header-container .header-left .user-tools {
    display: none;
  }
  html[dir=rtl] .page-header .container-fluid .header-container .header-left .user-tools .devider {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .dropdown .dropdown-toggle .user-data {
    display: none !important;
  }
  html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .dropdown .dropdown-menu {
    left: 100% !important;
  }
  html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .dropdown .dropdown-menu .top-arrow {
    left: 23% !important;
  }
  html[dir=rtl] .page-header .container-fluid .header-container .header-right .nav .dropdown .dropdown-menu .dropdown-header {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
  }
}
@media screen and (max-width: 670px) {
  html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .g7-dropdown .dropdown-menu .dropdown-body .sm-item {
    display: block !important;
  }
  html[dir=rtl] .page-header .container-fluid .header-container .header-left .nav .sm-item-none {
    display: none !important;
  }
}
@media screen and (max-width: 370px) {
  html[dir=rtl] .page-header .container-fluid .header-container .header-left .company-logo img {
    height: 40px;
    margin-left: 0px;
  }
}
@keyframes MenuSlidingInTop {
  from {
    top: 10px;
  }
  to {
    top: 65px;
  }
}
@keyframes MenuSlidingOutTop {
  from {
    top: 64px;
  }
  to {
    top: 10px;
  }
}
html[dir=rtl] .sidebar {
  background: #00111d;
  overflow-y: hidden;
  width: 100px;
  padding: 0;
  padding: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
html[dir=rtl] .sidebar .sidebar-bg {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background: #00111d;
  width: 100px;
}
html[dir=rtl] .sidebar .logo-div {
  z-index: 25;
  height: 60px;
  padding: 0px 10px;
  text-align: center;
  margin-bottom: 13px;
  position: relative;
}
html[dir=rtl] .sidebar .logo-div .logo {
  padding: 10px 0px 10px 0px;
}
html[dir=rtl] .sidebar .logo-div .logo img {
  width: 100%;
  max-width: 60px;
  padding: 3px 0px;
}
html[dir=rtl] .sidebar .logo-div .logo span {
  color: #ffffff;
  font-size: 32px;
  margin-top: 5px;
}
html[dir=rtl] .sidebar .sidebar-list {
  height: 85.8vh;
  list-style: none;
  padding: 0px;
  /* .active-item{ 
      a{
          color:$SubColor;
          background: $MainColorVLight;
          border-top-right-radius: 10px;
          border-bottom-right-radius: 10px;
          margin-right: 10px;
      } 
       .sub-list{
          .sub-list-item{
              a{background: none; color:$ClearWhite;margin:0; border-radius:0px;}
          }
      } 
       .top-t,.bottom-t{
          display: block;
      }             
   } 
   .active-item:hover{
      a{
          color:$SubColor;
      }
      background: none;
      cursor: pointer;
  } */
}
html[dir=rtl] .sidebar .sidebar-list .mCSB_scrollTools {
  visibility: hidden !important;
}
html[dir=rtl] .sidebar .sidebar-list .list-item {
  position: relative;
  display: block;
  /* .sub-list-l{
      background:$MainColor;
      position: fixed;
      visibility:visible;
      list-style:none;
      padding:0px;
      min-width: 280px;
      top: 0px;
      bottom: 0;
      left: 100px;
      .sub-list-header{
          height: 65px;
          padding: 10px 15px;
          display: flex;
          align-items: center;
          justify-content: center;
          h2{
              color: $ClearWhite;
              margin: 0px;
              padding: 11px 15px;
              border-bottom: 1px solid $BorderColor;
          }
      }
      .sub-list-inner{
          padding: 0px;
          list-style: none;
          h3{
              font-size: 25px;
              font-family: $MainFont;
              color: $LegendDefault;
              padding: 20px 15px 10px 15px;
              margin: 0px;
              font-weight: $FW-Light;
              &:before{
                  font-family: FontAwesome;
                  margin-left:10px;
              }
          }                
          li{      
              a{
                  font-family: $MainFont;
                  font-size: 15px;
                  display: flex;
                  align-items: center;
                  justify-content: flex-start;
                  padding: 10px 15px;
                  font-weight: $FW-Bold;
                  &:before{
                      font-family: FontAwesome;
                      margin-left: 10px;
                      font-size: 16px;
                      vertical-align: middle;
                      font-weight: $FW-Light;
                  }
              }
              ul{
                  list-style: none;
                  padding-right: 0px;                          
                  li{
                      a{
                          font-weight: $FW-Light;
                          &:before{font-size: 14px;}
                      }
                  }
                  &.odd{
                      background:$SubColorLight;
                  }
                  &.even{
                      background:$MainColorDark;
                  }
              }

          }
      }
  }  */
}
html[dir=rtl] .sidebar .sidebar-list .list-item a {
  text-align: center;
  padding: 18px 2px;
  color: #f0f0f0;
  display: block;
  font-size: 14px;
  margin: 0px;
  display: block;
  font-family: "NeoSansArabic";
}
html[dir=rtl] .sidebar .sidebar-list .list-item a:before {
  font-size: 25px;
  margin-bottom: 2px;
  width: 100%;
  display: block;
  font-family: FontAwesome;
}
html[dir=rtl] .sidebar .sidebar-list .list-item .top-t {
  width: 0;
  height: 0;
  border-left: 47px solid #f0f0f0;
  border-top: 5px solid transparent;
  border-right: 39px solid transparent;
  border-bottom: 3px solid #f0f0f0;
  position: absolute;
  left: 0px;
  top: 0px;
  margin-top: -8px;
  display: none;
}
html[dir=rtl] .sidebar .sidebar-list .list-item .bottom-t {
  width: 0;
  height: 0;
  border-left: 47px solid #f0f0f0;
  border-top: 3px solid #f0f0f0;
  border-right: 39px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  left: 0px;
  bottom: 0px;
  margin-bottom: -8px;
  display: none;
}
html[dir=rtl] .sidebar .sidebar-list .list-item .sub-list-s {
  background: #00b1b7;
  position: fixed;
  visibility: hidden;
  list-style: none;
  padding: 0px;
  min-width: 225px;
}
html[dir=rtl] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item {
  display: block;
  padding: 0px 15px;
}
html[dir=rtl] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  padding: 12px 5px;
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item a span {
  font-size: 10px;
  width: 10px;
  color: #ffffff;
  margin-left: 10px;
}
html[dir=rtl] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item a h4 {
  color: #ffffff;
}
html[dir=rtl] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item:hover {
  background: #012943;
  border-bottom: 1px solid #012943;
}
html[dir=rtl] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item:hover a {
  border: none;
}
html[dir=rtl] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item:last-child a {
  border: none;
}
html[dir=rtl] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item:last-child:hover {
  border: none;
}
html[dir=rtl] .sidebar .sidebar-list .list-item .sub-list-s .sub-list-item:last-child:hover a {
  border: none;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l {
  opacity: 0;
  right: -285px;
  background: #012943;
  position: fixed;
  visibility: visible;
  list-style: none;
  padding: 0px;
  min-width: 280px;
  top: 0px;
  bottom: 0;
  z-index: 5;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-header {
  height: 65px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-header h2 {
  color: #ffffff;
  margin: 0px;
  padding: 11px 15px;
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner {
  padding: 0px;
  list-style: none;
  max-height: calc(100vh - 65px);
  overflow-y: auto;
  padding-bottom: 50px;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner h3 {
  font-size: 25px;
  font-family: "NeoSansArabic";
  color: #78d0d4;
  padding: 20px 15px 10px 15px;
  margin: 0px;
  font-weight: 100;
  text-align: right;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner h3:before {
  font-family: FontAwesome;
  margin-left: 10px;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li a {
  font-family: "NeoSansArabic";
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 15px;
  font-weight: 900;
  color: #ffffff;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li a:before {
  font-family: FontAwesome;
  margin-left: 10px;
  font-size: 16px;
  vertical-align: middle;
  font-weight: 100;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li a.fi:before {
  font-family: Financial_Flaticon;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li a:hover, html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li a:focus, html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li a:active {
  background: #00b1b7;
  color: #ffffff;
  cursor: pointer;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li a.node:after {
  content: "";
  font-family: fontAwesome;
  margin-right: auto;
  transition: all 0.1s linear;
  transform-origin: center;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul {
  list-style: none;
  padding-right: 0px;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul li a {
  font-weight: 300;
  text-align:right;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul li a:before {
  font-size: 14px;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul.odd {
  background: #012943;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul.even {
  background: #00111d;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul [data-parent="1"] a {
  padding-right: 20px;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul [data-parent="2"] a {
  padding-right: 30px;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul [data-parent="3"] a {
  padding-right: 40px;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul [data-parent="4"] a {
  padding-right: 50px;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul [data-parent="5"] a {
  padding-right: 60px;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li ul:last-child {
  border-bottom: 1px solid #ced4da !important;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li.active {
  background: #78d0d4;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l .sub-list-inner li.active a {
  color: #012943 !important;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l.menu-in {
  animation-name: MenuSlidingInRight;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
html[dir=rtl] .sidebar .sidebar-list .sub-list-l.menu-out {
  animation-name: MenuSlidingOutRight;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
html[dir=rtl] .sidebar .sidebar-list .list-item:hover {
  background: #012943;
  cursor: pointer;
}
html[dir=rtl] .sidebar .sidebar-list .list-item:hover a {
  color: #ffffff;
}
html[dir=rtl] .sidebar .sidebar-list .list-item.focused {
  background: #012943 !important;
}
@keyframes MenuSlidingOutLeft {
  from {
    opacity: 1;
    left: 100px;
  }
  to {
    opacity: 0;
    left: -285px;
  }
}
@keyframes MenuSlidingInLeft {
  from {
    opacity: 0;
    left: -285px;
  }
  to {
    opacity: 1;
    left: 100px;
  }
}
@keyframes MenuSlidingOutRight {
  from {
    opacity: 1;
    right: 100px;
  }
  to {
    opacity: 0;
    right: -285px;
  }
}
@keyframes MenuSlidingInRight {
  from {
    opacity: 0;
    right: -285px;
  }
  to {
    opacity: 1;
    right: 100px;
  }
}
@media screen and (max-height: 900px) {
  html[dir=rtl] .sidebar-list .list-item a {
    padding: 10px 2px !important;
  }
}
html[dir=rtl] .sub-sidebar {
  padding: 65px 0px 0px 0px;
  overflow: hidden;
  background: #f0f0f0;
  display: inline-flex;
  align-items: flex-start;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container {
  padding: 15px;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item {
  margin-bottom: 15px;
  display: block;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-header {
  background: #00b1b7;
  border-radius: 5px;
  padding: 5px 15px;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-header h4 {
  color: #ffffff;
  font-family: "NeoSansArabic";
  font-size: 20px;
  font-weight: 700;
  margin-top: 5px;
  align-self: center;
  text-align: right;
  margin-right: 10px;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-header .right-span {
  color: #ffffff;
  font-size: 25px;
  margin-left: 5px;
  align-self: center;
  display: block;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-header .left-span {
  color: #ffffff;
  font-size: 20px;
  transition: all 0.1s linear;
  transform-origin: center;
  align-self: center;
  display: block;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body {
  background: #ffffff;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px 0px;
  /*  .filter-form{
       border-bottom: 1px solid $BorderColor;
   } */
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div {
  padding: 0px 10px;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-header {
  padding: 15px 5px 5px 5px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  border-top: 1px solid #ced4da;
  margin-top: 15px;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-header h4 {
  color: #939393;
  font-family: "NeoSansArabic";
  font-size: 18px;
  font-weight: 700;
  align-self: center;
  text-align: right;
  margin-right: 10px;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-header span {
  color: #939393;
  font-size: 23px;
  margin-left: 5px;
  align-self: center;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-header button {
  color: #012943;
  background: none;
  box-shadow: none;
  outline: none;
  font-size: 20px;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-header button:hover {
  color: #00b1b7;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body {
  padding-top: 15px;
  align-items: unset;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list {
  padding: 0px 15px !important;
  max-height: 230px;
  margin-right: -5px;
  overflow-y: auto;
  list-style: none;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .tooltip {
  display: none !important;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .green {
  background: #a1b32b !important;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .dark {
  background: #012943 !important;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .list-item {
  background: #a1b32b;
  border-radius: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 15px 5px 15px;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .list-item a {
  padding: 0px;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .list-item a h4 {
  color: #ffffff;
  font-family: "NeoSansArabic";
  font-size: 20px;
  font-weight: 100;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 95%;
  vertical-align: sub;
  text-align: right;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .list-item a span {
  color: #ffffff;
  font-size: 25px;
  margin-left: 10px;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .list-item .item-remove-icon {
  display: none;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-footer {
  padding: 5px 0px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-footer button {
  background: none;
  border: 2px solid #00b1b7;
  color: #00b1b7;
  padding-top: 5px;
  padding-bottom: 6px;
  border-radius: 35px;
  margin-right: 5px;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-footer button:hover, html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-footer button:focus, html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-footer button:active {
  background: #00b1b7;
  color: #ffffff;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div:first-child .div-header {
  border: none;
  padding: 0px 5px;
  margin-top: 15px;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .active .item-header {
  background: #efb334;
}
html[dir=rtl] .sub-sidebar .sub-sidebar-container .active .item-header .left-span {
  transform: rotate(-45deg);
}
html[dir=rtl] .sub-sidebar .section-Sub-header-icon {
  display: none;
}
@media only screen and (max-width: 992px) {
  html[dir=rtl] {
    /*.data-section{
        padding-top:5px !important;
    }*/
  }
  html[dir=rtl] .sub-sidebar .mCustomScrollBox {
    width: 100%;
  }
  html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div {
    padding: 8px 10px 8px 15px !important;
  }
  html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-header {
    border: none;
    margin: 0px;
  }
  html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body .body-div .div-body .list .list-item:first-child {
    margin-top: 0px;
  }
  html[dir=rtl] .sub-sidebar .sub-sidebar-container .sub-item .item-body form {
    border-right: 1px solid #ced4da;
  }
}
html[dir=rtl] .data-section {
  box-shadow: 0px 0px 0px 1px #ced4da;
  /* padding:64px 0px 0px 0px; */
  overflow: hidden;
  background: #fbfbfb;
}
html[dir=rtl] .data-section .data-container {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  padding: 0px;
  height: calc(100vh - 60px);
  align-items: flex-start;
  align-content: flex-start;
  flex-direction: row;
}
html[dir=rtl] .data-section .data-container .mCustomScrollBox {
  width: 100%;
}
html[dir=rtl] .data-section .data-container .section-Sub-header {
  padding: 10px 10px;
  justify-content: flex-end;
  flex-direction: row;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .section-Sub-header-right {
  /*button,a{
      background: $SubColorLight;
      padding: 8px 16px;
      border-radius: 25px;
      color: $ClearWhite;
      margin-top: 5px;
      margin-right: 5px;
      border:none;
      outline:none !important;
      font-family: $MainFont;
  }*/
}
html[dir=rtl] .data-section .data-container .section-Sub-header .section-Sub-header-right button {
  padding: 6px 12px;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .section-Sub-header-right a:before {
  font: normal normal normal 14px/1 FontAwesome;
  margin-left: 10px;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .section-Sub-header-right a:hover, html[dir=rtl] .data-section .data-container .section-Sub-header .section-Sub-header-right a:active, html[dir=rtl] .data-section .data-container .section-Sub-header .section-Sub-header-right a:focus, html[dir=rtl] .data-section .data-container .section-Sub-header .section-Sub-header-right button:hover, html[dir=rtl] .data-section .data-container .section-Sub-header .section-Sub-header-right button:active, html[dir=rtl] .data-section .data-container .section-Sub-header .section-Sub-header-right button:focus {
  cursor: pointer;
  background: #efb334;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .section-Sub-header-right .icon-btn {
  padding: 10px 11px;
  border-radius: 25px;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .section-Sub-header-right .input-group {
  display: inline-block;
  width: auto;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .section-Sub-header-right .input-group input {
  border: none;
  outline: none !important;
  box-shadow: none;
  text-align: center;
  font-weight: 900;
  color: #00b1b7;
  width: 100px;
  display: inline-block;
  padding-right: 5px;
  cursor: pointer;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .section-Sub-header-right .input-group .input-group-addon {
  background: none;
  border: none;
  color: #00b1b7;
  width: auto;
  display: inline-block;
  height: 34px;
  padding: 10px 12px;
  padding-left: 0px;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .counter {
  padding: 10px 0px;
  padding-top: 0px;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item .item-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
  padding: 25px;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item .item-content .data {
  width: 100%;
  border-left: 1px solid #ced4da;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item .item-content .data h5 {
  margin: 0px;
  font-weight: 900;
  color: #00b1b7;
  text-align: center;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item .item-content .data p {
  display: flex;
  justify-content: center;
  margin: 0px;
  color: #00b1b7;
  text-align: center;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item .item-content .data p span {
  margin-left: 5px;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item:first-child {
  padding-left: 10px;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item:first-child .item-content {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item:first-child .item-content .data {
  border: none;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item:last-child .item-content {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item:last-child .item-content .data {
  border: none;
}
html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item.danger .data h5, html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item.danger .data p {
  color: #ff3333;
}
html[dir=rtl] .data-section .data-container .filter-div {
  margin-top: 15px;
}
html[dir=rtl] .data-section .data-container .filter-div .main-filter-form {
  border-bottom: 1px dashed #ced4da;
  padding: 10px 0px;
}
html[dir=rtl] .data-section .data-container .filter-div .main-filter-form .form-group {
  padding: 0px 15px;
}
html[dir=rtl] .w-container {
  background: #ffffff;
}
html[dir=rtl] .index-data-section .data-container .data-container-body {
  padding: 5px;
}
html[dir=rtl] .index-data-section .data-container .data-container-body .counter {
  padding: 0px 5px;
  color: #ffffff;
  align-content: center;
  justify-content: center;
}
html[dir=rtl] .index-data-section .data-container .data-container-body .counter .body-container-div-body {
  padding: 10px !important;
  position: relative !important;
  flex-direction: row !important;
}
html[dir=rtl] .index-data-section .data-container .data-container-body .counter .body-container-div-body .counter-data {
  align-items: center;
}
html[dir=rtl] .index-data-section .data-container .data-container-body .counter .body-container-div-body .counter-data p {
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 300;
}
html[dir=rtl] .index-data-section .data-container .data-container-body .counter .body-container-div-body .counter-data h3 {
  font-size: 25px;
  font-weight: 900;
  margin: 0px;
  line-height: 17px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  margin-right: auto;
  align-items: flex-end;
}
html[dir=rtl] .index-data-section .data-container .data-container-body .counter .body-container-div-body .counter-data h3 span {
  font-size: 14px;
  font-weight: 100;
  align-self: flex-end;
  line-height: 20px;
}
html[dir=rtl] .index-data-section .data-container .data-container-body .counter .body-container-div-body .icon {
  position: absolute;
  bottom: 0px;
  left: 0px;
  font-size: 60px;
  margin-left: 63px;
  margin-bottom: -31px;
  clip-path: rect(10px, 20px, 30px, 40px);
  -webkit-clip-path: inset(6% 0 34% 0);
  clip-path: inset(6% 0 34% 0);
  opacity: 0.6;
}
html[dir=rtl] .index-data-section .data-container .data-container-body .counter .body-container-div-body.success {
  background: #cbdc5a !important;
}
html[dir=rtl] .index-data-section .data-container .data-container-body .counter .body-container-div-body.success h3 {
  text-shadow: -1px 1px 0px #a1b32b;
}
html[dir=rtl] .index-data-section .data-container .data-container-body .counter .body-container-div-body.danger {
  background: #f2a095 !important;
}
html[dir=rtl] .index-data-section .data-container .data-container-body .counter .body-container-div-body.danger h3 {
  text-shadow: -1px 1px 0px #ff3333;
}
html[dir=rtl] .index-data-section .data-container .data-container-body .counter .body-container-div-body.warning {
  background: #fdc977 !important;
}
html[dir=rtl] .index-data-section .data-container .data-container-body .counter .body-container-div-body.warning h3 {
  text-shadow: -1px 1px 0px #efb334;
}
html[dir=rtl] .index-data-section .data-container .data-container-body .counter .body-container-div-body.default {
  background: #78d0d4 !important;
}
html[dir=rtl] .index-data-section .data-container .data-container-body .counter .body-container-div-body.default h3 {
  text-shadow: -1px 1px 0px #00b1b7;
}
@media (max-width: 1200px) {
  html[dir=rtl] .data-section {
    padding-top: 0px;
  }
  html[dir=rtl] .data-section .data-container {
    height: calc(100vh - 120px);
  }
  html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item:first-child {
    padding-left: 0px !important;
  }
  html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item:first-child .item-content {
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0px;
    padding-bottom: 0px;
  }
  html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item:first-child .item-content .data {
    border-bottom: 1px solid #ced4da !important;
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 992px) {
  html[dir=rtl] .data-section.schedule-section {
    padding-top: 0px;
  }
  html[dir=rtl] .data-section.schedule-section .data-container {
    height: auto;
  }
}
@media (max-width: 770px) {
  html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item:first-child {
    padding-left: 0px !important;
  }
  html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item:first-child .item-content {
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0px;
    padding-bottom: 0px;
  }
  html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item:first-child .item-content .data {
    border-bottom: 1px solid #ced4da !important;
    padding-bottom: 25px;
  }
  html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item .item-content {
    padding-bottom: 0px;
  }
  html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item .item-content .data {
    border: none !important;
    border-bottom: 1px solid #ced4da !important;
    padding-bottom: 25px;
  }
  html[dir=rtl] .data-section .data-container .section-Sub-header .counter .counter-item:last-child .item-content .data {
    border: none !important;
  }
}
html[dir=rtl] .single-tab-page .main-table .data-table .dataTables_wrapper .datatable-table {
  height: calc(100vh - 220px);
}
html[dir=rtl] .single-tab-page .main-table .data-table .dataTables_wrapper .datatable-table table {
  width: 100% !important;
  border-spacing: 0px 6px;
}
html[dir=rtl] .has-total .main-table .data-table .dataTables_wrapper .datatable-table {
  height: calc(100vh - 275px);
}
html[dir=rtl] .has-search .main-table .data-table .dataTables_wrapper .datatable-table {
  height: calc(100vh - 260px);
}
html[dir=rtl] span.dataTableSpan {
  background-color: #00b1b7;
  border-radius: 10px;
  padding: 3px 12px;
  font-weight: 100;
  color: #ffffff;
}
html[dir=rtl] .auto-h .data-table .datatable-table {
  height: auto !important;
}
html[dir=rtl] .datatable-header {
  display: none !important;
}
html[dir=rtl] .main-table {
  background: none !important;
  border: none !important;
  height: auto !important;
  padding: 0px !important;
}
html[dir=rtl] .main-table .data-table .dataTables_wrapper {
  padding: 0px !important;
}
html[dir=rtl] .main-table .data-table .dataTables_wrapper .datatable-table {
  border: 1px solid #b7b7b7;
  background: #ffffff;
  padding: 0px 15px;
  height: calc(100vh - 295px);
  overflow-y: auto;
  margin-top: 7px;
}
html[dir=rtl] .main-table .data-table .dataTables_wrapper .datatable-footer {
  background: #ffffff;
  padding: 10px 15px;
  margin-top: 5px;
  border: 1px solid #b7b7b7;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
html[dir=rtl] .main-table .data-table .dataTables_wrapper .datatable-footer label {
  margin: 0px;
}
html[dir=rtl] .main-table .data-table .dataTables_wrapper .datatable-footer select {
  border: 1px solid #b7b7b7;
  height: 30px !important;
  color: #025ca0;
  margin-left: 15px;
  letter-spacing: 0.5px;
  min-width: 200px;
  padding: 0 !important;
}
html[dir=rtl] .data-table {
  padding: 0px;
  overflow-x: hidden;
  /*     table{
          direction: $LTR-RTL;
          thead{
              tr{

                  th{
                      padding: 12px 10px 12px 10px;
                      text-align: center !important;
                      color:$MainColorLight;
                      border-bottom: none;
                      .room-search-icon{
                          margin-left: 10px;
                          color:$MainColorLight;
                      }
                      .room-search-icon:hover{
                          color:$SubColorLight;
                          cursor: pointer;
                      }
                  }
                  .tools-th{
                      max-width: 100px !important;
                      min-width: 100px !important;
                      width: 100px !important;
                      text-align:center !important;
                      padding-left:8px !important;
                      label{margin-right:20px !important;}
                  }
                  .tools-th:before,.tools-th:after{
                      display:none;
                  }
              }
          }
          tbody{
              td{
                  padding: 0px 10px;
                  text-align:center;
                  max-width: 100px;
                  vertical-align: middle;
              }
              .odd{
                  background: $MainColorVLight;
              }
              .tools-td {
                  a{
                      font-size: 18px;
                      margin-left: 5px;
                      margin-right: 5px;
                      color:$SubColorLight;
                  }
                  a:hover , a:active {
                      text-decoration:none;
                      color:$Warning;
                      cursor: pointer;
                  }
                  .switch-btn{
                      margin-top: 5px;
                      display: inline-block;
                  }
              }
              .td-Active{
                  color: $Success;
              }
              .td-InActive{
                  color: $Danger;
              }
              .child{
                  td{
                      ul{
                          li{
                              padding: 0 15px;
                              display: flex;
                              border-color: $BorderColor;
                              .dtr-title{
                                  color: $MainColorLight;
                              }
                              .dtr-title:after{
                                  content: ':';
                                  margin-right: 5px;
                              }
                              .dtr-data{
                                  margin-right: 10px;
                                  text-align: left;
                              }
                              .switch-btn{
                                  display: inline-block;
                                  margin-left: 10px;
                                  vertical-align: sub;
                              }
                              a{
                                  display: inline-block;
                                  vertical-align: middle;
                                  font-size: 18px;
                                  margin-left: 5px;
                                  margin-right: 5px;
                                  color:$SubColorLight;
                              }
                              a:hover , a:active {
                                  text-decoration:none;
                                  color:$Warning;
                                  cursor: pointer;
                              }
                          }
                      }
                  }
              }
          }
      } */
}
html[dir=rtl] .data-table .row {
  padding: 0px;
}
html[dir=rtl] .data-table .row div {
  padding: 0px;
}
html[dir=rtl] .data-table .row div .dataTables_filter {
  float: left;
}
html[dir=rtl] .data-table .row div .dataTables_length {
  float: right;
}
html[dir=rtl] .data-table .dataTables_wrapper {
  /* padding: 15px !important; */
  /* position: relative;
  overflow: hidden;
  &::after{
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 10%;
      left: 0;
      right: 0;
      background-image: url("../Images/new logo.png");
      background-size: 50%;
      background-position: center center;
      background-repeat: no-repeat;
      opacity: 0.3;
  }*/
}
html[dir=rtl] .data-table .dataTables_wrapper .datatable-header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
html[dir=rtl] .data-table .dataTables_wrapper .datatable-header .dataTables_filter {
  order: 1;
  margin-left: auto;
}
html[dir=rtl] .data-table .dataTables_wrapper .datatable-header .dataTables_filter label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #027d82;
  font-weight: 500;
  font-size: 14px;
}
html[dir=rtl] .data-table .dataTables_wrapper .datatable-header .dataTables_filter label input {
  border: 1px solid #ced4da;
  height: 35px !important;
  color: #939393;
  border-radius: 0px;
  margin-right: 0px;
  letter-spacing: 0.5px;
  min-width: 300px;
}
html[dir=rtl] .data-table .dataTables_wrapper .datatable-header .dataTables_length {
  order: 2;
}
html[dir=rtl] .data-table .dataTables_wrapper .datatable-header .dataTables_length label {
  margin-bottom: 0px;
}
html[dir=rtl] .data-table .dataTables_wrapper .datatable-header .dataTables_length label select {
  border: 1px solid #ced4da;
  height: 30px !important;
  color: #939393;
  margin-right: 0px;
  letter-spacing: 0.5px;
  min-width: 200px;
}
html[dir=rtl] .data-table .dataTables_wrapper .table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0px 5px;
  direction: rtl;
}
html[dir=rtl] .data-table .dataTables_wrapper .table thead tr {
  position: relative;
}
html[dir=rtl] .data-table .dataTables_wrapper .table thead tr th {
  border-top: none !important;
  border-width: 1px;
  border-color: #b7b7b7;
  font-weight: 400;
  text-align: right;
  padding-right: 30px;
  color: #025ca0;
}
html[dir=rtl] .data-table .dataTables_wrapper .table thead tr th label {
  margin: 0px;
  margin-right: 10px;
}
html[dir=rtl] .data-table .dataTables_wrapper .table thead tr th::before {
  right: 1em;
}
html[dir=rtl] .data-table .dataTables_wrapper .table thead tr th::after {
  right: 0.5em;
}
html[dir=rtl] .data-table .dataTables_wrapper .table thead tr .tools-th:before, html[dir=rtl] .data-table .dataTables_wrapper .table thead tr .tools-th:after {
  display: none;
}
html[dir=rtl] .data-table .dataTables_wrapper .table thead tr .tools-th {
  width: 100px;
  text-align: center;
}
html[dir=rtl] .data-table .dataTables_wrapper .table thead tr .check-head {
  width: 60px;
  padding-right: 20px;
}
html[dir=rtl] .data-table .dataTables_wrapper .table thead tr .check-head .custom-control {
  margin: 0px !important;
}
html[dir=rtl] .data-table .dataTables_wrapper .table thead tr .check-head:before {
  content: "";
}
html[dir=rtl] .data-table .dataTables_wrapper .table thead tr .check-head:after {
  content: "";
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr {
  position: relative;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td {
  border-top: 0px;
  border-bottom: 1px solid #b7b7b7;
  text-align: right;
  color: #025ca0;
  font-weight: 700;
  /* text-align: center; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  border-width: 1px;
  vertical-align: middle;
  padding: 9.5px;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td .custom-control {
  margin: 0px !important;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td .form-group {
  margin: 0px;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td .fa {
  display: block !important;
  text-align: center !important;
  color: #025ca0 !important;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td span.success {
  color: #a1b32b;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td span.danger {
  color: #ff3333;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td input {
  border-color: #ced4da;
  border-radius: 0px;
  color: #00b1b7;
  padding-top: 1px;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td select {
  border-color: #ced4da;
  letter-spacing: 0.5px;
  min-width: 200px;
  border-radius: 0px;
  background: none;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td select option {
  color: #939393;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td ::placeholder {
  color: #939393;
  font-size: 15px;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td :-ms-input-placeholder {
  color: #939393;
  font-size: 15px;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td ::-ms-input-placeholder {
  color: #939393;
  font-size: 15px;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td input:active, html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td input:focus, html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td select:active, html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td select:focus {
  box-shadow: none;
  outline: none;
  border-color: #00b1b7;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.danger {
  color: #ff3333;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.success {
  color: #a1b32b;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.warning {
  color: #efb334;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.default {
  color: #00b1b7;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td:first-child {
  border-right: 12px solid #78d0d4;
  /* text-align: $Direction ;  */
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td:focus:first-child {
  outline: none;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.tools-td {
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 35px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.tools-td a {
  color: #025ca0;
  font-size: 19px;
  margin-left: 10px;
  padding-bottom: 3px;
  vertical-align: middle;
  line-height: 1;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.tools-td a:hover {
  cursor: pointer;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.fa-trash:hover {
  color: #ff3333;
  cursor: pointer;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.fa-thumbs-o-up:hover {
  color: #a1b32b;
  cursor: pointer;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.gicon-edit:hover {
  color: #efb334;
  cursor: pointer;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.gicon-eyee:hover {
  color: #00b1b7;
  cursor: pointer;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.fa-handshake-o:hover {
  color: #a1b32b;
  cursor: pointer;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.gicon-editt:hover {
  color: #a1b32b;
  cursor: pointer;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.fa-calendar-plus-o:hover {
  color: #a1b32b;
  cursor: pointer;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.gbtn, html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.tools-td a.gbtn-o {
  padding: 4px 14px;
  font-size: 14px;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.tools-td a:last-child {
  margin-left: 0px;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.tools-td.detail-check label {
  margin: 0px;
  font-size: 23px;
  color: #a1b32b;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.tools-td.success a {
  color: #a1b32b;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr td.tools-td.success a:hover {
  color: #027d82 !important;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.child {
  border-right: none;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.child td.child {
  padding: 15px 0px;
  border-color: #fbfbfb;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.child td.child ul {
  width: 100%;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li label, html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li span {
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 5px;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li label a, html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li span a {
  margin: 0px 5px;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li .dtr-title {
  width: 50%;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li .dtr-data a {
  color: #939393;
  font-size: 19px;
  margin-left: 10px;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li .dtr-data a:before {
  vertical-align: middle;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li .dtr-data a:hover {
  cursor: pointer;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li .dtr-data a.fa-trash:hover {
  color: #ff3333;
  cursor: pointer;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li .dtr-data a.gicon-edit:hover {
  color: #efb334;
  cursor: pointer;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.child td.child ul li .dtr-data a.gicon-eyee:hover {
  color: #00b1b7;
  cursor: pointer;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.odd {
  background: none;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.danger td:first-child {
  border-color: #f2a095;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.success td:first-child {
  border-color: #cbdc5a;
  border-bottom: 1px solid #b7b7b7;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.warnning td:first-child {
  border-color: #fdc977;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.is-deleted {
  background: #e9ecef !important;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.is-deleted td:first-child {
  border-color: #939393;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.is-deleted td {
  color: #939393;
}
html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.is-deleted td.tools-td a, html[dir=rtl] .data-table .dataTables_wrapper .table tbody tr.is-deleted td.tools-td .switch-btn {
  display: none !important;
}
html[dir=rtl] .data-table .dataTables_wrapper .datatable-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
html[dir=rtl] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate {
  order: 2;
}
html[dir=rtl] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination {
  margin: 0px;
  justify-content: center !important;
  align-items: center;
  flex-wrap: wrap;
}
html[dir=rtl] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li a {
  border-radius: 5px;
  border: 1px solid #ced4da;
  background: #fbfbfb;
  color: #025ca0;
  margin: 0px 4px;
  padding: 4px 9px;
  font-size: 16px;
}
html[dir=rtl] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination .disabled a {
  margin: 0px 10px;
  color: #939393;
  font-size: 25px;
  border: none;
  background: transparent;
  padding: 0px;
}
html[dir=rtl] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination .active a {
  color: #ffffff;
  background: #ffcc00;
}
html[dir=rtl] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li:first-child a, html[dir=rtl] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li:last-child a, html[dir=rtl] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li:nth-last-child(2) a, html[dir=rtl] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li:nth-child(2) a {
  color: #025ca0;
}
html[dir=rtl] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li:first-child.disabled a, html[dir=rtl] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li:last-child.disabled a, html[dir=rtl] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li:nth-last-child(2).disabled a, html[dir=rtl] .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li:nth-child(2).disabled a {
  padding: 4px 9px;
  border: 1px solid #ced4da;
  background: #00b1b7;
  font-size: 16px;
  margin: 0px 4px;
  color: #fbfbfb;
}
html[dir=rtl] .data-table .dataTables_wrapper .datatable-footer .dataTables_info {
  order: 1;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  color: #025ca0;
}
html[dir=rtl] .schedule-table {
  padding: 0px;
}
html[dir=rtl] .schedule-table table {
  direction: rtl;
  margin-bottom: 0;
}
html[dir=rtl] .schedule-table table thead tr th {
  padding: 12px 10px 12px 10px;
  color: #939393;
  border-bottom: none;
  text-align: right;
  font-weight: 300;
  border-top: none;
  text-align: center;
}
html[dir=rtl] .schedule-table table thead tr th .room-search-icon {
  margin-left: 10px;
  color: #939393;
}
html[dir=rtl] .schedule-table table thead tr th .room-search-icon span {
  font-family: "NeoSansArabic";
}
html[dir=rtl] .schedule-table table thead tr th .room-search-icon span:before {
  font: normal normal normal 14px/1 FontAwesome;
  margin-left: 5px;
}
html[dir=rtl] .schedule-table table thead tr th .room-search-icon:hover {
  color: #00b1b7;
  cursor: pointer;
}
html[dir=rtl] .schedule-table table thead tr th:first-child {
  max-width: 50px;
  border-right: none;
}
html[dir=rtl] .schedule-table table thead tr th:last-child {
  border-left: none;
}
html[dir=rtl] .schedule-table table thead tr .tools-th {
  width: 100px;
}
html[dir=rtl] .schedule-table table tbody {
  /* tr:last-child{
      td{
          border-bottom: none;
      }
  } */
}
html[dir=rtl] .schedule-table table tbody tr td {
  position: relative;
  padding: 0px;
  min-height: 100px;
  text-align: center;
  vertical-align: middle;
  height: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=rtl] .schedule-table table tbody tr td .green {
  background: #a1b32b !important;
}
html[dir=rtl] .schedule-table table tbody tr td .dark {
  background: #012943 !important;
}
html[dir=rtl] .schedule-table table tbody tr td ul {
  position: relative;
  padding: 15px;
  padding-bottom: 0px;
  padding-left: 5px;
  min-height: 50px;
  width: 100%;
  margin: 0px;
  display: flex;
  flex-direction: column;
}
html[dir=rtl] .schedule-table table tbody tr td ul input {
  display: none;
}
html[dir=rtl] .schedule-table table tbody tr td ul .list-item {
  background: #a1b32b;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 5px;
  list-style: none;
  position: relative;
}
html[dir=rtl] .schedule-table table tbody tr td ul .list-item a h4 {
  color: #ffffff;
  font-family: "NeoSansArabic";
  font-size: 18px;
  font-weight: 100;
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 50%;
  vertical-align: sub;
}
html[dir=rtl] .schedule-table table tbody tr td ul .list-item a span {
  /*  color:$ClearWhite;
  font-size: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle; */
  display: none;
}
html[dir=rtl] .schedule-table table tbody tr td ul .list-item a:hover {
  cursor: pointer;
}
html[dir=rtl] .schedule-table table tbody tr td ul .list-item .item-remove-icon {
  color: #ffffff;
  font-size: 18px;
  vertical-align: middle;
  margin-right: 5px;
  position: absolute;
  top: 0px;
  margin-top: -15px;
  right: 0px;
  margin-right: -13px;
  background: #a1b32b;
  padding: 2.8px 5px;
  border-radius: 25px;
  border: 3px solid #ffffff;
}
html[dir=rtl] .schedule-table table tbody tr td ul .list-item .item-remove-icon:hover, html[dir=rtl] .schedule-table table tbody tr td ul .list-item .item-remove-icon:focus, html[dir=rtl] .schedule-table table tbody tr td ul .list-item .item-remove-icon:active {
  cursor: pointer;
  background: #ff3333;
}
html[dir=rtl] .schedule-table table tbody tr td ul .list-item:first-child {
  margin-top: 5px;
}
html[dir=rtl] .schedule-table table tbody tr td ul .tooltip.in {
  opacity: 1;
}
html[dir=rtl] .schedule-table table tbody tr td ul .tooltip .tooltip-inner {
  background: #efb334;
}
html[dir=rtl] .schedule-table table tbody tr td ul .tooltip .tooltip-arrow {
  border-bottom-color: #efb334;
}
html[dir=rtl] .schedule-table table tbody tr td ul:hover {
  background: #ced4da;
}
html[dir=rtl] .schedule-table table tbody tr td:first-child {
  max-width: 50px;
  border-right: none;
}
html[dir=rtl] .schedule-table table tbody tr td:last-child {
  border-left: none;
}
html[dir=rtl] .dataTables_info {
  text-align: right;
}
html[dir=rtl] table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child, html[dir=rtl] table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child {
  padding-right: 30px;
  padding-left: 0px;
}
html[dir=rtl] table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, html[dir=rtl] table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
  top: calc(100% - 65% );
  right: 8px;
  height: 18px;
  width: 18px;
  display: block;
  position: absolute;
  color: #ffffff;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "NeoSansArabic";
  line-height: 17px;
  font-weight: 900;
  font-size: 18px;
  content: "+";
  background-color: #00b1b7;
}
html[dir=rtl] table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, html[dir=rtl] table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: "-";
  background-color: #ff3333;
}
html[dir=rtl] div.dataTables_wrapper {
  direction: rtl;
}
@media only screen and (max-width: 1200px) {
  html[dir=rtl] .schedule-table table {
    /* thead{
        tr{
        th:first-child{
                max-width:unset;
            }
        }
    }*/
  }
  html[dir=rtl] .schedule-table table tbody td .list-item span {
    display: none !important;
  }
}
@media only screen and (max-width: 1200px) {
  html[dir=rtl] .dataTables_wrapper .datatable-footer .dataTables_paginate {
    width: 100%;
  }
  html[dir=rtl] .dataTables_wrapper .datatable-footer .dataTables_info {
    margin-left: unset !important;
  }
}
@media only screen and (max-width: 591px) {
  html[dir=rtl] .dataTables_wrapper .datatable-footer .dataTables_paginate {
    width: 100%;
  }
  html[dir=rtl] .dataTables_wrapper .datatable-footer .dataTables_paginate .pagination li a {
    margin-bottom: 5px !important;
  }
}
@media only screen and (max-width: 720px) {
  html[dir=rtl] .dataTables_wrapper .datatable-header {
    justify-content: flex-start !important;
  }
  html[dir=rtl] .dataTables_wrapper .datatable-header .dataTables_filter {
    margin-left: unset !important;
    width: 100%;
  }
  html[dir=rtl] .dataTables_wrapper .datatable-header .dataTables_filter label input {
    width: 100% !important;
  }
}
@media only screen and (max-width: 661px) {
  html[dir=rtl] .dataTables_wrapper .datatable-table {
    height: auto !important;
  }
}
html[dir=rtl] .dataTables_wrapper .dataTables_processing {
  background-color: transparent;
  display: flex;
  z-index: 99999999999999;
  border: none;
  font-size: 16px;
  font-weight: 100;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  align-items: center;
  justify-content: center;
  align-content: center;
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
  margin: 0;
}
html[dir=rtl] .dataTables_wrapper .dataTables_processing:before {
  animation: fa-spin 2s infinite linear;
  content: "";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 40px;
  margin-bottom: 5px;
  color: #00b1b7;
}
html[dir=rtl] .data-list {
  padding: 15px;
  align-content: flex-start;
}
html[dir=rtl] .data-list .data-list-item {
  padding: 0px 5px 10px 5px;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 5px #ced4da;
  border-right: 10px solid #78d0d4;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-main {
  padding: 10px;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 5px;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-main .img-container {
  position: relative;
  margin-left: 25px;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-main .img-container img {
  width: 75px;
  height: 75px;
  border: 5px solid #ffffff;
  border-radius: 75px;
  box-shadow: 0px 0px 8px #ced4da;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-main .img-container span {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  border-radius: 60px;
  border: 4px solid #ffffff;
  margin-bottom: -8px;
  margin-right: -12px;
  box-shadow: 2px 1px 8px #ced4da;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-main .main-data .main-data-item {
  width: 100%;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-main .main-data .main-data-item label {
  font-size: 14px;
  text-transform: uppercase;
  color: #012943;
  margin: 0px;
  text-align: right;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-main .main-data .main-data-item input {
  border: none;
  background: none;
  outline: none;
  pointer-events: none;
  font-size: 18px;
  color: #00b1b7;
  margin: 0px;
  text-align: right;
  height: 20px;
  font-weight: 100;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-main .main-data .main-data-item.sub label {
  padding-left: 5px;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-main .main-data .main-data-item.sub input {
  font-size: 15px;
  color: #012943;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-main .data-list-item-tools {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-main .data-list-item-tools a {
  color: #939393;
  font-size: 19px;
  margin-left: 10px;
  padding-bottom: 3px;
  width: 19px;
  height: 31px;
  display: flex;
  align-items: center;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-main .data-list-item-tools a:hover {
  color: #00b1b7;
  cursor: pointer;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-main .data-list-item-tools a.fa-trash:hover {
  color: #ff3333;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-main .data-list-item-tools a.gicon-edit:hover {
  color: #efb334;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-body {
  align-items: center;
  background: #78d0d4;
  padding: 15px;
  padding-bottom: 0px;
  border-bottom-left-radius: 4px;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-body .body-item {
  align-content: flex-start;
  margin-bottom: 10px;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-body .body-item label {
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0px;
  text-align: right;
  font-weight: 100;
  font-family: "NeoSansArabic";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-body .body-item label:before {
  font-family: FontAwesome;
  margin-left: 5px;
}
html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-body .body-item input {
  border: none;
  background: none;
  outline: none;
  font-size: 16px;
  color: #ffffff;
  margin: 0px;
  text-align: right;
  height: 20px;
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=rtl] .data-list .data-list-item.success .data-list-item-container {
  border-right-color: #cbdc5a;
}
html[dir=rtl] .data-list .data-list-item.success .data-list-item-container .data-list-item-main .main-data .main-data-item input {
  color: #a1b32b;
}
html[dir=rtl] .data-list .data-list-item.success .data-list-item-container .data-list-item-body {
  background: #cbdc5a;
}
html[dir=rtl] .data-list .data-list-item.warning .data-list-item-container {
  border-right-color: #fdc977;
}
html[dir=rtl] .data-list .data-list-item.warning .data-list-item-container .data-list-item-main .main-data .main-data-item input {
  color: #efb334;
}
html[dir=rtl] .data-list .data-list-item.warning .data-list-item-container .data-list-item-body {
  background: #fdc977;
}
html[dir=rtl] .data-list .data-list-item.danger .data-list-item-container {
  border-right-color: #f2a095;
}
html[dir=rtl] .data-list .data-list-item.danger .data-list-item-container .data-list-item-main .main-data .main-data-item input {
  color: #ff3333;
}
html[dir=rtl] .data-list .data-list-item.danger .data-list-item-container .data-list-item-body {
  background: #f2a095;
}
html[dir=rtl] .data-list .data-list-item.clear .data-list-item-container .data-list-item-body {
  border-top: 1px solid #ced4da;
  background: #fbfbfb;
}
html[dir=rtl] .data-list .data-list-item.clear .data-list-item-container .data-list-item-body .body-item label {
  color: #939393;
}
html[dir=rtl] .data-list .data-list-item.clear .data-list-item-container .data-list-item-body .body-item input {
  color: #012943;
}
@media screen and (max-width: 1400px) {
  html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-main .data-list-item-tools {
    width: 100%;
    justify-content: flex-end;
  }
  html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-body .col-xl-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 1200px) {
  html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-main .data-list-item-tools {
    width: auto;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 992px) {
  html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-body .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media screen and (max-width: 635px) {
  html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-body .col-xl-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 570px) {
  html[dir=rtl] .data-list .data-list-item .data-list-item-container .data-list-item-main .data-list-item-tools {
    width: 100%;
    justify-content: flex-end;
  }
}
@media (max-width: 570px){
  html[dir=rtl] .data-section .data-container, html[dir=ltr] .data-section .data-container{
    height: auto !important;
  }
}
html[dir=rtl] .modal {
  text-align: center;
  padding: 0 !important;
  overflow: scroll;
}
html[dir=rtl] .modal .modal-dialog .modal-content {
  border: none;
}
html[dir=rtl] .modal .modal-dialog .modal-content .modal-indecator {
  position: absolute;
  width: 100%;
  top: 0px;
  background: #00b1b7;
  height: 6px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
html[dir=rtl] .modal .modal-dialog .modal-content .modal-header {
  border-bottom: grey 1cm;
}
html[dir=rtl] .add-modal .modal-header {
  background: #00b1b7;
}
html[dir=rtl] .add-modal .modal-body {
  background: #00b1b7;
}
html[dir=rtl] .add-modal .modal-footer {
  background: #00b1b7;
}
html[dir=rtl] .add-modal .modal-footer .btn-success {
  color: #00b1b7;
}
html[dir=rtl] .edit-modal .modal-header {
  background: #efb334;
}
html[dir=rtl] .edit-modal .modal-body {
  background: #efb334;
}
html[dir=rtl] .edit-modal .modal-footer {
  background: #efb334;
}
html[dir=rtl] .edit-modal .modal-footer .btn-success {
  color: #efb334;
}
html[dir=rtl] .inactive-modal .modal-header {
  background: #ff3333;
}
html[dir=rtl] .inactive-modal .modal-body {
  background: #ff3333;
  padding-right: 30px;
}
html[dir=rtl] .inactive-modal .modal-footer {
  background: #ff3333;
}
html[dir=rtl] .inactive-modal .modal-footer .btn-success {
  color: #ff3333;
}
html[dir=rtl] .active-modal .modal-header {
  background: #a1b32b;
}
html[dir=rtl] .active-modal .modal-body {
  background: #a1b32b;
  padding-right: 30px;
}
html[dir=rtl] .active-modal .modal-footer {
  background: #a1b32b;
}
html[dir=rtl] .active-modal .modal-footer .btn-success {
  color: #a1b32b;
}
html[dir=rtl] .g7-adv-modal .modal-dialog {
  min-width: 87%;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content {
  min-width: 95%;
  /* min-height: calc(100vh - 6.1vh); */
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-header h5 {
  font-weight: 900;
  margin: 0px;
  text-align: right;
  font-family: "NeoSansArabic";
  font-size: 25px;
  border-bottom: 1px solid #ced4da;
  padding: 15px 15px;
  padding-top: 8px;
  color: #012943;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-header h5:before {
  font-family: fontawesome;
  margin-left: 10px;
  font-weight: 100;
  display: inline-block;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body {
  height: auto;
  align-content: flex-start;
  padding: 12px 0px !important;
  align-items: stretch;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side {
  border-left: 1px solid #ced4da;
  min-height: 100%;
  position: relative;
  align-content: flex-start;
  display: flex;
  flex-wrap: wrap;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header {
  padding: 0px 5px;
  width: 100%;
  margin: 0px 10px;
  margin-left: 0px;
  display: flex;
  align-items: center;
  align-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header h5 {
  margin: 0px;
  color: #012943;
  display: flex;
  flex-direction: row;
  margin-left: auto;
  align-items: center;
  text-align: center;
  font-family: "NeoSansArabic";
  font-size: 25px;
  font-weight: 100;
  padding: 17px 0px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header a {
  font-size: 20px;
  color: #012943;
  font-family: "NeoSansArabic";
  padding: 10px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header a:hover {
  color: #00b1b7;
  cursor: pointer;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header a:before {
  font-family: fontawesome;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header .filter-form {
  padding: 0px 0px 15px 0px;
  /* border-top: 1px solid #ced4da; */
  margin-left: -6px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header .filter-form .select2-container .selection .select2-selection--multiple ul .select2-selection__choice {
  padding: 0px 10px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header .filter-form .custom-checkbox {
  z-index: 99;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header .filter-form .custom-checkbox label {
  padding-left: 12px !important;
  margin: 1px !important;
  font-size: 14px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header .filter-form .form-group {
  margin: 0px;
  margin-bottom: 5px;
  /*  select{
      padding: 5px 12px !important;
      font-size: 14px;
      height: auto !important;
  }
  input{
      padding: 5px 12px !important;
      height: auto !important;
      font-size: 14px;
  } */
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header .filter-form .form-section {
  justify-content: flex-end;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-side-header .filter-form .form-section button {
  padding: 5px 25px;
  margin-top: 10px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list {
  list-style: none;
  padding: 0px;
  width: 100%;
  min-height: calc(100vh - 50vh);
  max-height: calc(100vh - 50vh);
  overflow-y: auto;
  margin-bottom: 0px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-header h6 {
  padding: 5px 15px;
  font-weight: 900;
  font-size: 16px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  position: relative;
  border-top: 1px solid #ced4da;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a span {
  color: #ff3333;
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 10px;
  font-size: 18px;
  font-weight: 900;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a h4 {
  font-weight: 900;
  font-size: 16px;
  width: 100%;
  text-align: right;
  margin: 0px;
  color: #012943;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .modal-list-item-details {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  width: 100%;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .modal-list-item-details p {
  color: #ced4da;
  font-size: 13px;
  margin: 0px;
  font-family: "NeoSansArabic";
  margin-left: 10px;
  text-align: right;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .modal-list-item-details p:before {
  font-family: fontawesome;
  margin-left: 5px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .modal-list-item-details p:after {
  content: ",";
  margin-right: 5px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .modal-list-item-details p:first-child {
  width: 100%;
  color: #a1b32b;
  font-size: 14px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .modal-list-item-details p:first-child:before {
  content: "";
  margin-left: 0px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .modal-list-item-details p:first-child:after {
  content: "";
  margin-right: 0px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .modal-list-item-details p:last-child:after {
  content: "";
  margin-right: 0px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a .add-overlay {
  color: #78d0d4;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  background: rgba(251, 251, 251, 0.7);
  display: none;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a:hover {
  cursor: pointer;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item a:hover .add-overlay {
  display: flex;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list .modal-list-item::last-child {
  border: none;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  padding: 5px 10px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div h3 {
  font-weight: 300;
  margin: 0px;
  text-align: right;
  font-family: "NeoSansArabic";
  font-size: 22px;
  border-bottom: 1px solid #ced4da;
  padding: 15px 15px;
  padding-top: 8px;
  color: #012943;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div h3:before {
  font-family: fontawesome;
  margin-left: 10px;
  font-weight: 100;
  display: inline-block;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0px;
  margin-top: 15px;
  min-height: calc(100vh - 17rem);
  max-height: calc(100vh - 17rem);
  overflow-y: auto;
  align-items: flex-start;
  align-content: flex-start;
  padding: 2px;
  margin-bottom: 0px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-container .form-section {
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-container .table-section .grid {
  height: calc(100vh - 23rem);
  width: 100%;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-container .table-section .grid .ag-root {
  padding: 0px;
  border: none;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0px;
  margin-top: 15px;
  min-height: calc(100vh - 17rem);
  max-height: calc(100vh - 17rem);
  overflow-y: auto;
  align-items: flex-start;
  align-content: flex-start;
  padding: 2px;
  margin-bottom: 0px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-main-div-list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-shadow: 0px 0px 3px #ced4da;
  padding: 5px;
  border-radius: 3px;
  background: rgba(251, 251, 251, 0.7);
  border-right: 10px solid #78d0d4;
  margin-bottom: 15px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: 0px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .item-data-section .form-group {
  margin: 0px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .item-data-section .form-group input {
  padding: 0px !important;
  font-size: 16px;
  border: none;
  height: auto !important;
  font-weight: 900;
  color: #012943;
  pointer-events: none;
  background: none;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .item-data-section .form-group h4 {
  padding: 0px !important;
  font-size: 16px;
  font-weight: 900;
  color: #012943;
  margin: 0px;
  text-align: right;
  line-height: 16px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .item-data-section .form-group:last-child {
  margin-top: -5px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .item-data-section .form-group:last-child input {
  font-weight: 100;
  color: #00b1b7;
  font-size: 14px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .form-group {
  margin: 0px;
  margin-bottom: 5px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .form-group input {
  padding: 3px 10px !important;
  background: none;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .form-group select {
  height: 32px;
  background: none;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-data .select2-container .selection .select2-selection--multiple ul .select2-selection__choice {
  padding: 0px 10px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-cost {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-cost h4 {
  font-size: 15px;
  font-weight: 900;
  margin: 0px;
  margin-left: 5px;
  text-align: center;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-cost p {
  font-size: 15px;
  font-weight: 100;
  color: #28a745;
  margin: 0px;
  margin-left: 5px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-cost span {
  font-size: 15px;
  font-weight: 100;
  color: #28a745;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-tools {
  padding: 10px;
  font-size: 20px;
  color: #00b1b7;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .item-tools:hover {
  cursor: pointer;
  color: #ff3333;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list.success {
  border-color: #cbdc5a;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item {
  width: 100%;
  margin: 2px 0px;
  padding: 0px;
  border-radius: 5px;
  padding: 3px 10px;
  margin-bottom: 8px;
  background: rgba(251, 251, 251, 0.7);
  box-shadow: 0px 0px 3px #ced4da;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header {
  padding: 8px 4px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header .item-cost {
  margin-left: 10px;
  border-left: 1px solid #ced4da;
  padding-left: 5px;
  align-items: center;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header .item-cost h4 {
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 0px;
  margin-left: 5px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header .item-cost p,
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header .item-cost span {
  margin-bottom: 0px;
  margin-left: 5px;
  font-size: 14px;
  font-weight: 300;
  color: #012943;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header button {
  min-width: 145px;
  justify-content: flex-start;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header a {
  font-family: "NeoSansArabic";
  font-weight: 900;
  color: #00b1b7;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header a:before {
  font-family: fontawesome;
  margin-left: 10px;
  font-weight: 100;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header a:hover {
  cursor: pointer;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header a:first-child {
  text-align: right;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-header .fa-times {
  color: #ff3333;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-content {
  padding: 10px 0px;
  padding-bottom: 0px;
  border-top: 1px solid #ced4da;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-content .section-body-inner-content {
  margin: 0px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list .modal-section-body-item .section-body-item-content .section-body-inner-content .form-group {
  margin-bottom: 10px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-footer {
  margin: 0px;
  padding: 15px;
}
html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-footer {
  border-top: 1px solid #ced4da;
}
html[dir=rtl] .g7-modal-n .modal-indecator {
  position: absolute;
  width: 100%;
  top: 0px;
  background: #00b1b7;
  height: 6px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
html[dir=rtl] .g7-modal-n .modal-header {
  border: none;
  text-align: right;
  padding: 18px 20px;
  flex-direction: row;
  margin-bottom: 10px;
}
html[dir=rtl] .g7-modal-n .modal-header h5 {
  margin: 0px;
  color: #012943;
  display: flex;
  flex-direction: row;
  margin-left: auto;
  align-items: center;
}
html[dir=rtl] .g7-modal-n .modal-header h5 span {
  font-size: 24px;
  margin-left: 10px;
  vertical-align: sub;
}
html[dir=rtl] .g7-modal-n .modal-header h5 .span-title {
  font-size: 1.25rem;
  margin-left: 0px;
}
html[dir=rtl] .g7-modal-n .modal-header button {
  color: #939393;
  opacity: 1;
  outline: none !important;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
}
html[dir=rtl] .g7-modal-n .modal-header.profile-main-header {
  padding: 15px;
  margin: 0px;
  padding-bottom: 0px;
}
html[dir=rtl] .g7-modal-n .modal-body {
  padding: 0px 15px;
  align-items: center;
  /* .custom-control label{
      padding-right : 35px !important;
  } */
  /* .custom-radio {
      label {
          padding-right: $CustomCheckPadding !important;
      }
  } */
}
html[dir=rtl] .g7-modal-n .modal-body.min-h-458 {
  min-height: 458px;
  align-items: flex-start;
  align-content: flex-start;
}
html[dir=rtl] .g7-modal-n .modal-body.body-table .data-desc-body-container {
  padding: 0px;
}
html[dir=rtl] .g7-modal-n .modal-body.body-table .data-desc-body-container .data-desc-body-container-body {
  padding: 0px;
}
html[dir=rtl] .g7-modal-n .modal-body.body-table .data-desc-body-container .data-desc-body-container-body .grid .ag-root-wrapper .ag-root-wrapper-body .ag-root {
  margin: 0px !important;
}
html[dir=rtl] .g7-modal-n .modal-body .total-data {
  border-right: 1px solid #ced4da;
  padding: 10px 15px;
  padding-left: 0px;
  padding-right: 10px;
  align-content: flex-start;
}
html[dir=rtl] .g7-modal-n .modal-body .total-data .payment-div {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0px;
}
html[dir=rtl] .g7-modal-n .modal-body .total-data .payment-div h4 {
  font-size: 16px;
  font-weight: 700;
  text-align: right;
}
html[dir=rtl] .g7-modal-n .modal-body .total-data .payment-div input {
  border: none;
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .g7-modal-n .modal-body .total-data .payment-div select {
  margin-right: 7px;
  margin-top: 0px;
  border: none;
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .g7-modal-n .modal-body .total-data .total-data-item {
  align-items: center;
  justify-content: flex-end;
}
html[dir=rtl] .g7-modal-n .modal-body .total-data .total-data-item p {
  font-size: 16px;
  margin: 0px;
  text-align: left;
  margin-left: auto;
  font-weight: 300;
}
html[dir=rtl] .g7-modal-n .modal-body .total-data .total-data-item span {
  margin: 0px 3px;
  font-size: 16px;
  font-weight: 900;
}
html[dir=rtl] .g7-modal-n .modal-body .total-data .total-data-item.danger span {
  color: #ff3333;
}
html[dir=rtl] .g7-modal-n .modal-body .total-data .total-data-item.warning span {
  color: #efb334;
}
html[dir=rtl] .g7-modal-n .modal-body .total-data .total-data-item.default span {
  color: #00b1b7;
}
html[dir=rtl] .g7-modal-n .modal-body .total-data .divider {
  border-bottom: 1px solid #ced4da;
  height: 0px;
  margin: 5px 0px;
}
html[dir=rtl] .g7-modal-n .modal-body .total-data .total-data-item-total {
  margin-bottom: 15px;
}
html[dir=rtl] .g7-modal-n .modal-body .total-data .total-data-item-total h4 {
  margin: 0px;
  margin-left: auto;
  font-weight: 700;
  font-size: 25px;
  width: auto;
}
html[dir=rtl] .g7-modal-n .modal-body .total-data .total-data-item-total span {
  margin: 0px 3px;
  font-weight: 700;
  font-size: 17px;
  color: #a1b32b;
  padding-right: 5px;
}
html[dir=rtl] .g7-modal-n .modal-body .total-data .total-data-footer {
  justify-content: flex-end;
  align-items: center;
}
html[dir=rtl] .g7-modal-n .modal-body .form-section p {
  color: #012943;
  margin: 5px;
}
html[dir=rtl] .g7-modal-n .modal-body .grid .ag-root-wrapper .ag-root-wrapper-body .ag-root {
  margin: 0px !important;
}
html[dir=rtl] .g7-modal-n .modal-body .form-group {
  padding: 0px 5px;
  margin-bottom: 1rem;
  text-align: right;
}
html[dir=rtl] .g7-modal-n .modal-body label {
  color: #00b1b7;
}
html[dir=rtl] .g7-modal-n .modal-body .title-label {
  text-align: right;
}
html[dir=rtl] .g7-modal-n .modal-body .title-label::after {
  margin-right: 5px;
  content: ":";
}
html[dir=rtl] .g7-modal-n .modal-body .data-label {
  color: #012943;
  text-align: right;
  font-weight: 100;
}
html[dir=rtl] .g7-modal-n .modal-body .body-section-header {
  text-align: right;
  color: #027d82;
  font-weight: 700;
}
html[dir=rtl] .g7-modal-n .modal-body .body-section-header p {
  margin-bottom: 0px;
}
html[dir=rtl] .g7-modal-n .modal-body .data-table {
  padding: 0px !important;
  padding-bottom: 15px !important;
}
html[dir=rtl] .g7-modal-n .modal-body .data-table .dataTables_wrapper {
  padding: 0px !important;
}
html[dir=rtl] .g7-modal-n .modal-body .data-table .dataTables_wrapper table {
  background: #ffffff;
  outline: none;
  border-collapse: collapse !important;
}
html[dir=rtl] .g7-modal-n .modal-body .data-table .dataTables_wrapper table label {
  color: #00b1b7;
  margin-right: 25px;
}
html[dir=rtl] .g7-modal-n .modal-body .data-table .dataTables_wrapper table .thead tr th {
  text-align: center !important;
}
html[dir=rtl] .g7-modal-n .modal-body .data-table .dataTables_wrapper table .thead tr th {
  padding-right: 30px !important;
}
html[dir=rtl] .g7-modal-n .modal-body .data-table .dataTables_wrapper table .tbody tr td {
  color: #012943;
}
html[dir=rtl] .g7-modal-n .modal-body .data-table .dataTables_wrapper table .tbody tr td:first-child {
  border-left: none !important;
}
html[dir=rtl] .g7-modal-n .modal-body .custom-control {
  padding-right: 1.5rem !important;
  padding-left: 0 !important;
}
html[dir=rtl] .g7-modal-n .modal-body .profile-header {
  justify-content: center;
  padding-bottom: 10px;
}
html[dir=rtl] .g7-modal-n .modal-body .profile-header img {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  border: 10px solid #ffffff;
  margin-bottom: 5px;
  box-shadow: 0px 0px 8px #ced4da;
}
html[dir=rtl] .g7-modal-n .modal-body .profile-header h4 {
  font-weight: 900;
  margin: 0px;
  text-align: Center;
  font-family: "NeoSansArabic";
  font-size: 25px;
  color: #012943;
  width: 100%;
  border: none;
}
html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-header {
  padding-bottom: 8px;
  margin-bottom: 0px;
}
html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data {
  align-content: center;
  align-items: center;
}
html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data h4 {
  width: auto;
  margin-left: 10px;
  /* padding: 5px 10px;
  border-left:1px solid $BorderColor;
  margin-bottom: 0px; */
}
html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section {
  margin-right: auto;
}
html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section .icon-gbtn {
  padding: 5px;
  font-size: 25px;
}
html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section .icon-gbtn:hover, html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section .icon-gbtn:focus, html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section .icon-gbtn:active {
  cursor: pointer;
  color: #efb334;
}
html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container {
  padding: 0px 10px;
}
html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body {
  padding-top: 0px;
}
html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools {
  margin-bottom: 10px;
  padding: 0px;
  border-bottom: 1px solid #ced4da;
  padding-bottom: 7px;
}
html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link {
  font-family: "NeoSansArabic";
  color: #012943;
  padding: 5px;
}
html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link::before {
  font-family: FontAwesome;
  margin-left: 10px;
}
html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link:first-child {
  border-left: 1px solid #ced4da;
  padding: 5px;
  padding-left: 10px;
  margin-left: 10px;
}
html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link:hover, html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link:focus, html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link:active {
  cursor: pointer;
  color: #a1b32b;
}
html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-group {
  margin-bottom: 0.7rem;
}
html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-group .search-icon {
  position: absolute;
  top: 0;
  left: 0;
  margin: 10px 12px;
  font-size: 16px;
  color: #ced4da;
}
html[dir=rtl] .g7-modal-n .modal-body.data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-container {
  max-height: 300px;
}
html[dir=rtl] .g7-modal-n .modal-body .grid {
  height: 450px;
  min-height: 109px;
  max-height: 450px;
}
html[dir=rtl] .g7-modal-n .modal-body .grid.h-425 {
  height: 425px;
  max-height: 425px;
}
html[dir=rtl] .g7-modal-n .modal-body .grid.h-250 {
  height: 250px;
}
html[dir=rtl] .g7-modal-n .modal-body .grid .grid {
  margin-bottom: 0px;
}
html[dir=rtl] .g7-modal-n .modal-body .grid .grid .ag-root-wrapper {
  margin-bottom: 0px;
}
html[dir=rtl] .g7-modal-n .modal-body .grid .grid .ag-root-wrapper .ag-root-wrapper-body .ag-root {
  border: none;
  border-top: 1px solid #ced4da;
  padding: 0px 10px;
  /* .ag-header{
      .ag-header-row{
          width: 100% !important; 
      }
  }
  .ag-body{
      .ag-body-container{
          width: 100% !important; 
      }
  }
  .ag-floating-bottom{
      .ag-floating-bottom-container{
          width: 100% !important; 
      }
  } */
}
html[dir=rtl] .g7-modal-n .modal-body .modal-details .nav {
  padding: 0px;
}
html[dir=rtl] .g7-modal-n .modal-body .modal-details .nav .nav-item {
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .g7-modal-n .modal-body .modal-details .nav .nav-item a {
  position: relative;
  color: #012943;
  padding-bottom: 10px;
}
html[dir=rtl] .g7-modal-n .modal-body .modal-details .nav .nav-item a .tab-indicator {
  height: 4px;
  width: 100%;
  background: #cbdc5a;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  display: none;
}
html[dir=rtl] .g7-modal-n .modal-body .modal-details .nav .nav-item a.active {
  background: none;
  color: #a1b32b;
}
html[dir=rtl] .g7-modal-n .modal-body .modal-details .nav .nav-item a.active .tab-indicator {
  display: block;
}
html[dir=rtl] .g7-modal-n .modal-body .modal-details .nav .nav-item a:hover, html[dir=rtl] .g7-modal-n .modal-body .modal-details .nav .nav-item a:focus, html[dir=rtl] .g7-modal-n .modal-body .modal-details .nav .nav-item a:active {
  color: #a1b32b;
}
html[dir=rtl] .g7-modal-n .modal-body .modal-details .tab-content .tab-pane .tab-pane-contatiner {
  padding: 17px 5px;
}
html[dir=rtl] .g7-modal-n .modal-body .modal-details .tab-content .tab-pane .tab-pane-contatiner h6 {
  font-weight: 900;
  text-align: right;
  border-bottom: 1px solid #ced4da;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
html[dir=rtl] .g7-modal-n .modal-body .modal-details .tab-content .tab-pane .tab-pane-contatiner .total-footer {
  margin-top: 0px;
}
html[dir=rtl] .g7-modal-n .modal-body .modal-details .tab-content .tab-pane .tab-pane-contatiner .total-footer .form-group {
  max-width: 150px;
  margin-bottom: 0px;
}
html[dir=rtl] .g7-modal-n .modal-body .modal-details .tab-content .tab-pane .tab-pane-contatiner .max100vh-70vh {
  max-height: calc(100vh - 70vh);
}
html[dir=rtl] .g7-modal-n .modal-body .modal-details .detail-data label {
  color: #012943 !important;
}
html[dir=rtl] .g7-modal-n .modal-body .modal-details .detail-data.warning input {
  color: #efb334 !important;
}
html[dir=rtl] .g7-modal-n .modal-body .modal-details .detail-data.danger input {
  color: #ff3333 !important;
}
html[dir=rtl] .g7-modal-n .modal-body .modal-details .detail-data.default input {
  color: #78d0d4 !important;
}
html[dir=rtl] .g7-modal-n .modal-body .modal-details .detail-data input {
  margin: 0px;
  padding: 0px !important;
}
html[dir=rtl] .g7-modal-n .modal-footer {
  display: flex;
  align-items: center;
  border: none;
  margin: 5px 0px;
  padding: 5px 15px 5px 15px;
  flex-wrap: wrap;
}
html[dir=rtl] .g7-modal-n .modal-footer button,
html[dir=rtl] .g7-modal-n .modal-footer input,
html[dir=rtl] .g7-modal-n .modal-footer a {
  margin: 5px 0px;
  margin-right: 20px;
  padding: 4px 22px !important;
  min-width: 132px;
}
html[dir=rtl] .g7-modal-n .modal-footer #CancelBtn,
html[dir=rtl] .g7-modal-n .modal-footer #ConfirmationBtn {
  display: none;
}
html[dir=rtl] .g7-modal-n .modal-footer.profile-footer {
  padding: 10px 20px 15px 20px;
}
html[dir=rtl] .g7-modal-n .modal-footer.profile-footer button {
  margin: 0px;
  padding: 8px 22px !important;
}
html[dir=rtl] .g7-modal-n .modal-footer .summary-div {
  margin: 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
}
html[dir=rtl] .g7-modal-n .modal-footer .summary-div label {
  font-size: 16px;
  font-weight: 900;
}
html[dir=rtl] .g7-modal-n .modal-footer .summary-div label:after {
  content: ":";
  font-size: 16px;
  font-weight: 900;
  margin-right: 10px;
}
html[dir=rtl] .g7-modal-n .modal-footer .summary-div input {
  margin: 0px;
  border: none;
  color: #00111d;
  font-weight: 300;
  font-size: 18px;
  line-height: 19px;
  pointer-events: none;
  padding: 0px 5px !important;
  background: none;
}
html[dir=rtl] .g7-modal-n.msg-modal .modal-body {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 20px 15px;
}
html[dir=rtl] .g7-modal-n.msg-modal .modal-body .modal-icon {
  border: 3px solid #efb334;
  border-radius: 40px;
  min-width: 80px;
  min-height: 80px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 25px 0px 5px 0px;
}
html[dir=rtl] .g7-modal-n.msg-modal .modal-body .modal-icon span {
  color: #efb334;
  font-size: 50px;
  padding: 11px 25px;
  max-width: 50px;
  max-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .g7-modal-n.msg-modal .modal-body .msg-type {
  color: #939393;
  font-weight: 100;
  text-transform: uppercase;
}
html[dir=rtl] .g7-modal-n.msg-modal .modal-body .msg {
  width: 80%;
}
html[dir=rtl] .g7-modal-n.msg-modal .modal-body .msg h5 {
  font-weight: 900;
  color: #012943;
}
html[dir=rtl] .g7-modal-n.msg-modal .modal-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  margin: 15px 0px;
}
html[dir=rtl] .g7-modal-n.msg-modal .modal-footer button {
  margin: 0px 10px;
  padding: 7px 23px;
}
html[dir=rtl] .payment-modal {
  align-items: flex-start !important;
}
html[dir=rtl] .payment-modal .invoice-data {
  border-left: 1px solid #ced4da;
}
html[dir=rtl] .payment-modal .total-data {
  padding: 0px 15px !important;
  border: none !important;
}
html[dir=rtl] .payment-modal .total-data .total-data-item-total {
  margin-bottom: 0px !important;
}
html[dir=rtl] .g7-drag-modal {
  overflow: hidden !important;
}
html[dir=rtl] .g7-account-modal {
  z-index: 1150 !important;
}
html[dir=rtl] .g7-account-modal .modal-dialog .modal-content {
  box-shadow: 0px 0px 15px #ced4da;
}
html[dir=rtl] .dark-modal .modal-indecator {
  background: #012943 !important;
}
html[dir=rtl] .dark-modal .modal-body label {
  color: #012943 !important;
}
html[dir=rtl] .dark-modal .modal-body .modal-icon {
  border-color: #012943 !important;
}
html[dir=rtl] .dark-modal .modal-body .modal-icon span {
  color: #012943 !important;
}
html[dir=rtl] .warning-modal .modal-indecator {
  background: #efb334 !important;
}
html[dir=rtl] .warning-modal .modal-body label {
  color: #efb334 !important;
}
html[dir=rtl] .warning-modal .modal-body .modal-icon {
  border-color: #efb334 !important;
}
html[dir=rtl] .warning-modal .modal-body .modal-icon span {
  color: #efb334 !important;
}
html[dir=rtl] .success-modal .modal-indecator {
  background: #a1b32b !important;
}
html[dir=rtl] .success-modal .modal-body .modal-body-header {
  border-bottom: 1px solid #ced4da;
  margin-bottom: 5px;
}
html[dir=rtl] .success-modal .modal-body .detail-data label {
  color: #012943 !important;
}
html[dir=rtl] .success-modal .modal-body label {
  color: #a1b32b !important;
}
html[dir=rtl] .success-modal .modal-body .modal-icon {
  border-color: #a1b32b !important;
}
html[dir=rtl] .success-modal .modal-body .modal-icon span {
  color: #a1b32b !important;
}
html[dir=rtl] .danger-modal .modal-indecator {
  background: #ff3333 !important;
}
html[dir=rtl] .danger-modal .modal-body label {
  color: #ff3333 !important;
}
html[dir=rtl] .danger-modal .modal-body .modal-icon {
  border-color: #ff3333 !important;
}
html[dir=rtl] .danger-modal .modal-body .modal-icon span {
  color: #ff3333 !important;
}
html[dir=rtl] .add-service-modal .modal-body {
  margin-right: -50px !important;
  align-content: flex-start;
  align-items: flex-start;
}
html[dir=rtl] .add-service-modal .modal-body .form-icons-div li a {
  background: #ffffff;
}
html[dir=rtl] .add-service-modal .modal-body .form-icons-div li a.active {
  color: #ffffff;
}
html[dir=rtl] .add-service-modal .modal-body .form-icons-div li a.active[data-color=sucess] {
  background: #a1b32b;
  border-color: #a1b32b;
}
html[dir=rtl] .add-service-modal .modal-body .form-icons-div li a.active[data-color=warning] {
  background: #efb334 !important;
  border-color: #efb334 !important;
}
html[dir=rtl] .add-service-modal .modal-body .form-icons-div li a.active[data-color=danger] {
  background: #ff3333 !important;
  border-color: #ff3333 !important;
}
html[dir=rtl] .add-service-modal .modal-body .form-icons-div li a.active[data-color=subcolorlight] {
  background: #00b1b7 !important;
  border-color: #00b1b7;
}
html[dir=rtl] .add-service-modal .modal-body .form-icons-div li a[data-color=sucess]:hover {
  background: #a1b32b !important;
  border-color: #a1b32b !important;
}
html[dir=rtl] .add-service-modal .modal-body .form-icons-div li a[data-color=sucess]:focus {
  border-color: #a1b32b !important;
}
html[dir=rtl] .add-service-modal .modal-body .form-icons-div li a[data-color=warning]:hover {
  background: #efb334 !important;
  border-color: #efb334 !important;
}
html[dir=rtl] .add-service-modal .modal-body .form-icons-div li a[data-color=warning]:focus {
  border-color: #efb334 !important;
}
html[dir=rtl] .add-service-modal .modal-body .form-icons-div li a[data-color=danger]:hover {
  background: #ff3333 !important;
  border-color: #ff3333 !important;
}
html[dir=rtl] .add-service-modal .modal-body .form-icons-div li a[data-color=danger]:focus {
  border-color: #ff3333 !important;
}
html[dir=rtl] .add-service-modal .modal-body .form-icons-div li a[data-color=subcolorlight]:hover {
  background: #00b1b7 !important;
  border-color: #00b1b7 !important;
}
html[dir=rtl] .add-service-modal .modal-body .form-icons-div li a[data-color=subcolorlight]:focus {
  border-color: #00b1b7 !important;
}
html[dir=rtl] .add-service-modal .modal-body .form-icons-div .tab-content .tab-pane h3 {
  margin-top: -25px;
}
@media only screen and (max-width: 992px) {
  html[dir=rtl] .modal-body .total-data {
    border: none !important;
  }
  html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body {
    height: auto !important;
  }
  html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-side .modal-list {
    min-height: auto !important;
    border-bottom: 1px solid #ced4da;
    margin-bottom: 0px;
  }
  html[dir=rtl] .g7-adv-modal .modal-dialog .modal-content .modal-body .modal-main-div .modal-main-div-list {
    min-height: auto !important;
  }
}
@media only screen and (max-width: 1050px) {
  html[dir=rtl] .g7-drag-modal {
    overflow: auto !important;
  }
}
@media screen and (min-device-width: 1360px) and (max-device-width: 1360px) and (-webkit-min-device-pixel-ratio: 1) {
  html[dir=rtl] .modal-main-div-list {
    min-height: calc(100vh - 14rem) !important;
    max-height: calc(100vh - 14rem) !important;
  }
}
html[dir=rtl] .gmodal .modal-dialog {
  max-width: 1200px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-header {
  border-bottom: 1px solid #ced4da;
  margin-bottom: 0px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-sub-header {
  background: #fbfbfb;
  border-bottom: 1px solid #ced4da;
  padding: 15px 25px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-sub-header .form-group {
  margin: 0px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body {
  padding: 0px;
  margin: 0px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner.vertical-nav-contatiner {
  padding: 0px;
  align-content: flex-start;
  align-items: flex-start;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav {
  padding: 0px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav .nav-item {
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav .nav-item a {
  position: relative;
  color: #012943;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav .nav-item a .tab-indicator {
  height: 4px;
  width: 100%;
  background: #cbdc5a;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  display: none;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav .nav-item a.active {
  background: none;
  color: #a1b32b;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav .nav-item a.active .tab-indicator {
  display: block;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav .nav-item a:hover, html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav .nav-item a:focus, html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav .nav-item a:active {
  color: #a1b32b;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav.br {
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.nav.br .nav-item {
  border: none;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.vertical-nav {
  padding-left: 0px;
  max-height: 565px;
  overflow-y: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 45px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.vertical-nav li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 10px;
  flex-wrap: wrap;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.vertical-nav li a p {
  margin: 0px;
  margin-left: auto;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.vertical-nav li a .total {
  color: #ffffff;
  background: #012943;
  font-size: 14px;
  font-weight: 500;
  padding: 0px 10px;
  border-radius: 15px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.vertical-nav li a.active .total {
  background: #a1b32b !important;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.vertical-nav li.total p {
  font-weight: 600;
  margin: 5px 0px;
  font-size: 14px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.vertical-nav li.total span {
  color: #a1b32b;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-side.vertical-nav li:last-child {
  border: none;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content {
  min-height: 400px;
  border-right: 1px solid #ced4da;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner {
  padding: 15px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav {
  padding: 0px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav.br {
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav .nav-item {
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav .nav-item a {
  position: relative;
  color: #012943;
  padding-bottom: 10px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav .nav-item a .tab-indicator {
  height: 4px;
  width: 100%;
  background: #cbdc5a;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  display: none;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav .nav-item a.active {
  background: none;
  color: #a1b32b;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav .nav-item a.active .tab-indicator {
  display: block;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav .nav-item a:hover, html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav .nav-item a:focus, html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav .nav-item a:active {
  color: #a1b32b;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav.br {
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .nav.br .nav-item {
  border: none;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content {
  padding-left: 0px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane {
  padding-left: 0px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner {
  padding: 0px;
  padding-bottom: 0px;
  align-items: flex-start;
  margin: 0px;
  padding-top: 10px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .tab-pane-contatiner-section.br-side {
  border-left: 1px solid #ced4da;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .imageTag {
  max-height: 20%;
  max-width: 20%;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner h6 {
  font-weight: 900;
  text-align: right;
  border-bottom: 1px solid #ced4da;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid {
  width: 100vw;
  padding: 0px !important;
  margin: 0px !important;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid.h-425 {
  height: 398px !important;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid.h-174 {
  height: 174px !important;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid .ag-root {
  padding: 0px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-565px {
  height: calc(100vh - 565px);
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-75vh {
  height: calc(100vh - 75vh);
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-70vh {
  height: calc(100vh - 70vh);
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-60h {
  height: calc(100vh - 60vh);
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-65h {
  height: calc(100vh - 65vh);
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .total-input {
  margin: 5px 0px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .tab-pane-contatiner .total-input label {
  margin: 0px !important;
  margin-left: 10px !important;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .inline-form-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .inline-form-group label:first-child {
  width: auto;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .tab-content .tab-pane .inline-form-group label:first-child:after {
  content: ":";
  margin-right: 10px;
  font-weight: 900;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .grid {
  max-height: 565px;
  height: calc(100vh - 45vh);
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .total-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .total-footer .total-footer-item .detail-data label {
  color: #012943 !important;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .total-footer .total-footer-item .detail-data.warning input {
  color: #efb334 !important;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .total-footer .total-footer-item .detail-data.danger input {
  color: #ff3333 !important;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .total-footer .total-footer-item .detail-data.default input {
  color: #78d0d4 !important;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-body .modal-body-contatiner-content.tab-content .tab-pane-contatiner .total-footer .total-footer-item .detail-data input {
  margin: 0px;
  padding: 0px !important;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-footer {
  border-top: 1px solid #ced4da !important;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-footer button, html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-footer a {
  padding: 5px 15px;
  margin-left: 5px;
}
html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-footer button:first-child, html[dir=rtl] .gmodal .modal-dialog .modal-content .modal-footer a:first-child {
  margin-left: 0px;
}
@media (max-width: 505px) {
  html[dir=rtl] .modal .modal-dialog .modal-content .modal-footer {
    justify-content: center;
  }
  html[dir=rtl] .modal .modal-dialog .modal-content .modal-footer button:nth-child(1) {
    margin-right: 0px;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  html[dir=rtl] .modal .modal-dialog .modal-content .modal-footer button:nth-child(2) {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  html[dir=rtl] .modal .modal-dialog .modal-content .modal-footer button:nth-child(3) {
    margin-right: 0px;
    width: 100%;
  }
}
@media (max-width: 330px) {
  html[dir=rtl] .modal .modal-dialog .modal-content .modal-footer {
    justify-content: center;
  }
  html[dir=rtl] .modal .modal-dialog .modal-content .modal-footer button:nth-child(1) {
    margin-right: 0px;
    width: 100%;
  }
  html[dir=rtl] .modal .modal-dialog .modal-content .modal-footer button:nth-child(2) {
    margin-right: 0px;
    width: 100%;
  }
  html[dir=rtl] .modal .modal-dialog .modal-content .modal-footer button:nth-child(3) {
    margin-right: 0px;
    width: 100%;
  }
}
html[dir=rtl] .g7-notification {
  position: fixed;
  top: 0px;
  left: 0px;
  min-width: 335px;
  max-width: 450px;
  height: auto;
  background: transparent;
  padding: 10px 15px;
  border-radius: 5px;
  margin: 20px;
  z-index: 1055;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear;
  float: right;
}
html[dir=rtl] .g7-notification .ntf-body {
  position: relative;
  display: block;
  z-index: 15;
  float: right;
}
html[dir=rtl] .g7-notification .ntf-body .ntf-icon {
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 35px;
  float: right;
}
html[dir=rtl] .g7-notification .ntf-body .ntf-text {
  display: inline-block;
  color: #ffffff;
  vertical-align: middle;
  text-align: right;
  margin-right: 30px;
}
html[dir=rtl] .g7-notification .ntf-body .ntf-text h4 {
  margin: 0px;
  color: #ffffff;
  font-weight: 900;
}
html[dir=rtl] .g7-notification .ntf-body .ntf-text p {
  color: #ffffff;
  font-size: 14px;
  margin-right: 10px;
}
html[dir=rtl] .g7-notification .ntf-close {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 18px;
  margin: 15px;
  color: #ffffff !important;
  z-index: 15;
}
html[dir=rtl] .g7-notification .ntf-close:hover {
  cursor: pointer;
}
html[dir=rtl] .g7-notification .ntf-background {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  border-radius: 5px;
}
html[dir=rtl] .notification:hover {
  cursor: pointer;
}
html[dir=rtl] .notification:hover .ntf-background {
  opacity: 1;
}
html[dir=rtl] .ntf-default .ntf-background {
  background: #00b1b7;
}
html[dir=rtl] .ntf-warnnig .ntf-background {
  background: #efb334;
}
html[dir=rtl] .ntf-danger .ntf-background {
  background: #ff3333;
}
html[dir=rtl] .ntf-success .ntf-background {
  background: #a1b32b;
}
html[dir=rtl] .ntf-show {
  visibility: visible;
  opacity: 1;
}
html[dir=rtl] .g-wizard {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  align-content: flex-start;
}
html[dir=rtl] .g-wizard .g-wizard-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills {
  justify-content: center;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  flex-grow: unset;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item .item-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item .item-btn span {
  background: #ced4da;
  color: #939393;
  font-size: 35px;
  padding: 25px 30px;
  border-radius: 45px;
  width: 85px;
  height: 85px;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item .item-btn h6 {
  color: #939393;
  font-weight: 600;
  margin-bottom: 0px;
  font-size: 15px;
  margin-top: 8px;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item .v-border {
  height: 5px;
  width: 10vw;
  margin-top: -25px;
  background: #ced4da;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .center-item {
  max-width: 85px !important;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item.active {
  background: none;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item:first-child .item-btn span {
  background: #00b1b7;
  color: #ffffff;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item:first-child .item-btn h6 {
  color: #00b1b7;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item:first-child .v-border {
  background: #00b1b7;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item:last-child {
  flex-direction: row-reverse;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item:last-child .item-btn span {
  background: #a1b32b;
  color: #ffffff;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item:last-child .item-btn h6 {
  color: #a1b32b;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item:last-child .v-border {
  background: #a1b32b;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item:nth-child(2) .item-btn span {
  background: #efb334;
  color: #ffffff;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item:nth-child(2) .item-btn h6 {
  color: #efb334;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item.disabled {
  pointer-events: none;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item.disabled .item-btn span {
  background: #ced4da;
  color: #939393;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item.disabled .item-btn h6 {
  color: #939393;
}
html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item.disabled .v-border {
  background: #ced4da;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container {
  flex-direction: column;
  align-items: center;
  padding: 15px;
  /* .inv{
      font-family:"NeoSansArabic" !important;  
      direction:rtl;
      font-size:14px;
      .inv-top-header{
          display:flex;
          align-items:center;
          justify-content:center;
        // flex-direction:$PRow;
          border:5px solid $InvColor1;
          border-radius:10px;
          padding:15px;
          margin-bottom:10px;
          .inv-logo{
            display:block  !important;
            width: 50%;
            margin-left: auto;
            margin-bottom:15px;
          }
          .contact{
              p{
                  font-size:18px;
                  color:$InvColor3;
                  text-align: center;
                  font-weight: 900;
              }
              p:last-child{
                  margin:0px;
              }
          }                   
      }
      .inv-body-container{
          padding-left: 25px;
          .inv-sub-header{
              margin-bottom:10px;
              .sub-header-col{
                  display:flex;
                  align-items:center;
                  justify-content:flex-start;
                  flex-direction:column;
                  .data-item{
                      display:flex;
                      align-items:center;
                      justify-content:flex-start;
                    //  flex-direction:$PRow;
                      flex-wrap:wrap;
                      margin-bottom:5px;
                      label{
                          background:$InvColor1;
                          margin:0px;
                          margin-left:5px;
                          color: $ClearWhite;
                          padding: 5px 10px;
                          border-radius: 4px;
                          min-width: 115px;
                          text-align: right;
                      }
                      input{
                          background-color:$InvColor1L !important;
                          padding: 4px 10px !important;
                          color: $MainColor;
                          height:auto !important;
                          border:none;
                          font-weight:900;
                          text-align:right;
                      }
                      label:last-child{
                          background:none;
                          color: $InvColor1;
                          margin-right:5px;
                          font-weight:900;
                          min-width: unset;
                          text-align: left;
                      }
                  }
                  .success{
                      label{background:$InvColor2}
                      input{background-color:$InvColor2L !important;}
                      label:last-child{color:$InvColor2}
                  }
              }   
              .sub-header-col:first-child{
                  padding-right:0px;
                  .data-item{padding:0px;}
              }
              .sub-header-col:last-child{
                  padding-right:0px;
                  .data-item{padding:0px;}
              }
          }
          .inv-body{
              table{
                  border:none;
                  thead{
                      tr{
                          th{
                              border:2px solid $InvColor3;
                              text-align: center;
                              vertical-align: middle;
                              padding:0px;
                              min-width: 100px;
                              span{
                                  display:block;
                                  width:100%;
                                  color: $InvColor3;
                                  font-weight:900;
                              }
                              span:last-child{
                                  color: $InvColor2;
                              }
                          }
                          th[colspan="2"],th[colspan="3"]{
                              span{color: $InvColor3;}
                          }
                          th:first-child{min-width: 110px;}
                          .desc{min-width: 500px;}
                      }
                  }
                  tbody{
                      tr{
                          td{
                              text-align: center;
                              vertical-align: middle;
                              border:2px solid $InvColor1;
                              border-bottom:none;
                              border-top:none;
                          }
                      }
                      tr:last-child{
                          td{
                              border-bottom:2px solid $InvColor1;
                              border-top:2px solid $InvColor1;
                              background:$InvColor1L;
                              .table-footer{
                                  padding-top:5px;
                                  .table-footer-item{
                                      display: flex;
                                      flex-direction: column;
                                      justify-content: center;
                                      border:2px solid $InvColor1;
                                      border-radius:10px;
                                      padding:5px;
                                      text-align: center;
                                      vertical-align: middle;
                                      min-height: 55px;
                                      span{
                                          display:block;
                                          width:100%;
                                          color: $InvColor3;
                                          font-weight:900;
                                          font-size:14px;
                                      }
                                      span:last-child{
                                          color: $InvColor2;
                                      }
                                  }
                              }
                          }
                          td:first-child,td:nth-child(2){
                              border:none;
                              border-top:2px solid $InvColor1;
                              background:none;
                              padding:0px;
                          }
                          td:nth-child(2){
                              .table-footer{
                                  padding-top:5px;
                                  display:flex;
                                  justify-content:center;
                                  align-items:center;
                                  .table-footer-item{
                                      margin:0px 5px;
                                      padding: 0px 10px;
                                  }
                                  .table-footer-item:last-child{
                                      margin-right:0px;
                                  }
                              }
                          }
                      }
                  }
              }
          }
          .inv-footer{
              padding:0px 5px;
              .footer-item{
                  display:flex;
                  justify-content:flex-start;
                  align-items:center;
                  padding:5px 0px;
                  border-bottom:2px solid $InvColor3;
                  .item-title{
                      display:flex;
                      flex-direction:column;
                      justify-content:flex-start;
                      align-items:center;
                      text-align:right;
                      vertical-align:middle;
                      span{
                          display:block;
                          width:100%;
                          color: $InvColor3;
                          font-weight:900;
                      }
                      span:last-child{
                          color: $InvColor2;
                      }
                  }
                  .item-result{
                      margin:5px;
                      border:2px solid $InvColor3;
                      background:$InvColor1L;
                      height: 55px;
                      display:flex;
                      align-items:center;
                      justify-content:center;
                  }
              }
              .footer-item:last-child{
                  border-bottom:none;
              }
          }
      }
      .inv-note{
          transform: rotate(-90deg);
          position: absolute;
          left: -130px;
          top: 400px;
          font-weight: 900;
          font-size: 18px;
          color: $InvColor3;
      }                                      
  }
  .result-header{
      display: flex;
      flex-direction: $FdirectionRow ;
      align-items: center;
      border-bottom: 1px dashed $BorderColor;
      padding: 15px;
      padding-top: 0px;
      .result-data{
          h6{
              display: inline-block;
              margin: 0px;
              margin-left:10px;
              color:$MainColor;
              font-weight: $FW-Bold;
          }
          p{
              display: inline-block;
              margin: 0px;
              color:$MainColor;
          }
      }
      h3{
          color:$Danger;
          margin-right: auto;
          margin-left: auto;
      }

  }
  .result-body{
      display: flex;
      flex-direction: $FdirectionColumn ;
      align-items: center;
      .result-section{
          display: flex;
          flex-direction: $FdirectionRow ;
          align-items: center;
          padding: 30px 0px;
          .result-section-header{
              position: relative;
              border: 1px dashed $BorderColor;
              margin-bottom: 25px;
              h6{
                  position: absolute;
                  background: $ClearWhite;
                  font-size: 18px;
                  font-weight: $FW-Bold;
                  padding: 5px 7px;
                  right: -3px;
                  top: -20px;
              }
          }
          .disabled{
              input{background-color: $BorderColor !important; pointer-events: none; }      
          }
          .result-item{
              display: flex;
              flex-direction: $FdirectionRow;
              align-items: center;
              padding: 10px 35px;
              label{
                  margin-left: 15px;
                  font-weight: $FW-Bold;
                  color:$MainColor;
                  margin-bottom: 0px;
                  width: 110px;
              }
              input{
                  padding: 10px 15px;
              }
              p{
                  margin-bottom: 3px;
              }
          }
          .main-label{
              padding-right: 0px;
              width: 130px;
              label{
                  margin-top: 25px;
                  margin-right: 0px;    
              }
          }
      }
  }
  .result-footer{
      display: flex;
      flex-direction: $FdirectionRow;
      align-items: center;
      justify-content: center;
      padding: 15px;
      a{
          padding: 5px 45px;
          margin: 15px 20px;
      }
  } */
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .form-main-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .form-controllers {
  padding: 7px;
  justify-content: center;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .form-controllers a {
  margin-left: 10px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .form-controllers .gbtn-o, html[dir=rtl] .g-wizard .g-wizard-content .form-container .form-controllers .gbtn {
  justify-content: flex-start;
  display: flex;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 20px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .form-controllers .gbtn-o:before {
  border-left: 2px solid #00b1b7;
  padding: 4px 10px;
  font-size: 36px;
  margin-left: 15px;
  padding-right: 12px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .form-controllers .gbtn:before {
  border-left: 2px solid #ffffff;
  padding: 4px 10px;
  font-size: 36px;
  margin-left: 15px;
  padding-right: 12px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .form-controllers .gbtn-o:before:hover {
  border-color: #00b1b7;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .form-controllers .gbtn:before:hover {
  border-color: #efb334;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content {
  justify-content: center;
  align-items: center;
  align-content: flex-start;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content p {
  font-weight: 100 !important;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .upload-control input {
  border: 1px solid #ced4da;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-group {
  padding: 0px 5px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-group label {
  font-weight: 700;
  color: #027d82;
  margin: 3px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .gbtn {
  font-weight: 300;
  font-size: 20px;
  padding: 4px 35px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .date-input {
  position: relative;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .date-input span {
  position: absolute;
  bottom: 12px;
  left: 20px;
  color: #00b1b7;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .disabled button {
  background-color: #ced4da !important;
  pointer-events: none;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .disabled select {
  background-color: #ced4da !important;
  pointer-events: none;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .disabled input {
  background-color: #ced4da !important;
  pointer-events: none;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .insurance-container .insurance {
  padding: 0px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section {
  display: flex;
  flex-direction: row;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .discountContainer .custom-control {
  padding-right: 1.5rem !important;
  padding-left: 0 !important;
  margin-bottom: 10px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section p {
  font-weight: 700 !important;
  color: #027d82;
  margin: 0px;
  margin-bottom: 5px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .radio-container {
  padding-top: 7px;
  padding-left: 10px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background: #00b1b7;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .flagstrap button {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  color: #012943;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  text-align: right;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .flagstrap button .caret {
  margin-right: auto !important;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .form-group.method-item {
  padding: 0px 10px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item .custom-control {
  position: absolute;
  right: 0px;
  top: 0px;
  margin-top: -15px;
  margin-left: 5px;
  z-index: 9;
  padding-right: 1.5rem !important;
  padding-left: 0 !important;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item .custom-control-label:before {
  width: 30px;
  height: 30px;
  border-radius: 15px !important;
  border: 2px solid #939393;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background: #00b1b7;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item .custom-control-label::after {
  top: 10px;
  right: 5px;
  display: block;
  width: 20px;
  height: 20px;
  background-size: auto;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item .method-item-data {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #939393;
  border: 2px solid #939393;
  padding: 5px 10px;
  border-radius: 4px;
  margin-bottom: 10px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item .method-item-data h6 {
  margin: 0px;
  font-size: 16px;
  font-weight: 700;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item .method-item-data span {
  margin-left: 15px;
  font-size: 35px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item.active .method-item-data {
  border-color: #00b1b7;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .form-container .form-content .form-section .method-item.active .custom-control-label:before {
  border-color: #00b1b7 !important;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container {
  flex-direction: column;
  align-items: center;
  padding: 15px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item {
  padding: 10px 20px;
  flex-direction: row;
  background: #fbfbfb;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
  border-radius: 4px;
  border: 1px solid #ced4da;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item .data-item h5 {
  color: #939393;
  text-align: right;
  padding: 0px 10px;
  font-weight: 300;
  font-size: 15px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item .data-item h6 {
  color: #027d82;
  text-align: right;
  padding: 0px 10px;
  font-size: 15px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item .custom-checkbox {
  margin-top: -8px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item .custom-checkbox label:hover {
  cursor: pointer;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item .custom-control-label:before {
  width: 25px;
  height: 25px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background: #00b1b7;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item .custom-control-label::after {
  top: 7px;
  left: 0px;
  display: block;
  width: 25px;
  height: 20px;
  background-size: auto;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .result-container .result-item.active {
  box-shadow: 0 0 5px 1px #00b1b7;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .switch-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-top: 35px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .switch-container button {
  max-width: 200px;
  padding: 15px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .switch-container .devider {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid #ced4da;
  margin: 25px 0px 15px 0px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .main-conatiner .switch-container .devider h4 {
  color: #00b1b7;
  margin-bottom: -15px;
  background: #ffffff;
  padding: 0px 15px;
  font-size: 30px;
  font-weight: 900;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .wizard-controllers {
  display: flex;
  justify-content: center;
  align-items: center;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .wizard-controllers button, html[dir=rtl] .g-wizard .g-wizard-content .form-container .wizard-controllers a {
  padding: 5px 35px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .wizard-controllers #patientSearch {
  order: 2;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .wizard-controllers #PatientSearchNext {
  order: 1;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .items-list {
  flex-direction: row;
  align-items: center;
  padding: 15px;
  justify-content: center;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .items-list a {
  padding: 20px 32px;
  border: 2px solid #939393;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 4px;
  color: #939393;
  font-family: "NeoSansArabic";
  max-width: 110.31px;
  margin: 0px 20px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 5px;
  width: 110px;
  height: 105px;
  justify-content: center;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .items-list a:before {
  margin-bottom: 3px;
  font: normal normal normal 35px/1 FontAwesome;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .items-list a.active {
  color: #00b1b7;
  border-color: #00b1b7;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .items-list a:hover {
  cursor: pointer;
  color: #efb334;
  border-color: #efb334;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .services-div {
  padding-top: 15px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .services-div h3 {
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .services-div h3:before {
  margin-left: 10px;
  font-size: 35px;
}
html[dir=rtl] .g-wizard .g-wizard-content .form-container .services-div .form-container {
  padding: 10px;
}
html[dir=rtl] .g-wizard .g-wizard-content #Patient .back {
  background: #ced4da !important;
  border-color: #ced4da !important;
  color: #939393 !important;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  html[dir=rtl] .form-controllers a {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 553px) {
  html[dir=rtl] .g-wizard .g-wizard-header .nav-pills .nav-item .v-border {
    width: 3vw;
  }
}
html[dir=rtl] .float-button {
  border: 0;
  background-color: #fbfbfb;
  /*     margin: auto 10px 10px auto; */
  margin-top: auto;
  margin-right: 10px;
  margin-left: auto;
  margin-bottom: 10px;
  cursor: pointer !important;
  outline: none;
}
html[dir=rtl] .section-footer {
  width: 100%;
  padding: 10px 20px;
  background: #ffffff;
  flex-direction: row;
  border: 1px solid #ced4da;
  border-radius: 4px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  /* .footer-pagination{ */
  /*  } */
}
html[dir=rtl] .section-footer .pagination-container .pagination {
  margin: 0px;
  justify-content: center !important;
  align-items: center;
}
html[dir=rtl] .section-footer .pagination-container .pagination li p {
  margin: 0px 10px;
  color: #939393;
  font-size: 25px;
}
html[dir=rtl] .section-footer .pagination-container .pagination li a {
  border-radius: 5px;
  background: none;
  border: 1px solid #ced4da;
  background: #fbfbfb;
  color: #939393;
  margin: 0px 4px;
  padding: 4px 9px;
}
html[dir=rtl] .section-footer .pagination-container .pagination .active a {
  color: #ffffff;
  background: #00b1b7;
}
html[dir=rtl] .section-footer .pagination-container .pagination li:first-child a, html[dir=rtl] .section-footer .pagination-container .pagination li:last-child a, html[dir=rtl] .section-footer .pagination-container .pagination li:nth-last-child(2) a, html[dir=rtl] .section-footer .pagination-container .pagination li:nth-child(2) a {
  color: #00b1b7;
}
html[dir=rtl] .section-footer .footer-tools {
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=rtl] .section-footer .footer-tools .tools-div {
  margin-top: 0px;
}
html[dir=rtl] .section-footer .footer-tools .tools-div a {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ced4da;
  color: #00b1b7;
  font-size: 18px;
  font-weight: 900;
  margin: 0px 3px;
  border-radius: 5px;
}
html[dir=rtl] .section-footer .footer-tools .tools-div a:last-child {
  color: #efb334;
}
html[dir=rtl] .section-footer .footer-tools .tools-div a:first-child {
  color: #a1b32b;
}
html[dir=rtl] .section-footer .footer-tools .tools-div a:hover {
  cursor: pointer;
  color: #012943 !important;
}
html[dir=rtl] .section-footer .footer-tools .tools-sm-div {
  display: none;
  margin-top: 6px;
}
html[dir=rtl] .section-footer .footer-tools .tools-sm-div a {
  float: left;
}
html[dir=rtl] .section-footer .footer-tools .tools-sm-div a span {
  color: #012943;
  display: inline-block;
  font-size: 25px;
}
html[dir=rtl] .section-footer .footer-tools .tools-sm-div a:after {
  border: none;
}
html[dir=rtl] .section-footer .footer-tools .tools-sm-div .dropdown-menu {
  top: auto !important;
  right: -21px !important;
  transform: translate3d(0px, 0px, 0px) !important;
  bottom: 49px !important;
  background: #ffffff;
  box-shadow: none;
  border: 1px solid #ced4da;
  border-bottom: none;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
html[dir=rtl] .section-footer .footer-tools .tools-sm-div .dropdown-menu a {
  padding: 10px;
  border-bottom: 1px dashed #ced4da;
}
html[dir=rtl] .section-footer .footer-tools .tools-sm-div .dropdown-menu a p {
  color: #939393;
  font-size: 14px;
}
html[dir=rtl] .section-footer .footer-tools .tools-sm-div .dropdown-menu a p span {
  color: #00b1b7;
  margin-left: 10px;
  font-size: 20px;
}
html[dir=rtl] .section-footer .footer-tools .tools-sm-div .dropdown-menu a:hover {
  background: none;
}
html[dir=rtl] .section-footer .footer-tools .tools-sm-div .dropdown-menu a:first-child p span {
  color: #efb334;
}
html[dir=rtl] .section-footer .footer-tools .tools-sm-div .dropdown-menu a:last-child {
  border: none;
}
html[dir=rtl] .section-footer .footer-tools .tools-sm-div .dropdown-menu a:last-child p span {
  color: #a1b32b;
}
html[dir=rtl] .section-footer .legends {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
html[dir=rtl] .section-footer .legends div {
  margin-left: 15px;
}
html[dir=rtl] .section-footer .legends div span {
  width: 12px;
  height: 25px;
  background: #78d0d4;
  margin-left: 3px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
}
html[dir=rtl] .section-footer .legends div p {
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  color: #012943;
  font-weight: 300;
}
html[dir=rtl] .section-footer .legends div.warning span {
  background: #fdc977;
}
html[dir=rtl] .section-footer .legends div.success span {
  background: #cbdc5a;
}
html[dir=rtl] .section-footer .legends div.danger span {
  background: #f2a095;
}
@media only screen and (max-width: 1520px) {
  html[dir=rtl] .section-footer .legends {
    flex-grow: 1;
  }
  html[dir=rtl] .section-footer .pagination-container {
    order: 3;
    width: 100%;
    margin-top: 5px;
  }
  html[dir=rtl] .section-footer .footer-tools {
    width: 50px;
  }
  html[dir=rtl] .section-footer .footer-tools .tools-div {
    display: none;
  }
  html[dir=rtl] .section-footer .footer-tools .tools-sm-div {
    display: block;
  }
}
@media only screen and (max-width: 947px) {
  html[dir=rtl] .tools-sm-div .dropdown-menu {
    bottom: 44px !important;
  }
}
html[dir=rtl] .printable .printed {
  display: none;
}
html[dir=rtl] .printable .data-container-header {
  padding: 0px 10px;
}
html[dir=rtl] .printable .data-container-header img {
  width: 100px;
}
html[dir=rtl] .printable .data-container-header .company-data p {
  margin: 0px;
  text-align: right;
}
html[dir=rtl] .printable .data-container-header .company-data h3 {
  width: 100%;
  font-weight: 900;
  text-align: left;
  text-transform: uppercase;
  padding: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  text-align: right;
}
html[dir=rtl] .printable .data-container-header.printed {
  align-items: flex-start;
  margin-bottom: 15px;
}
html[dir=rtl] .printable .detail-data .total-div .total-data-item-total {
  margin-bottom: 0px;
}
html[dir=rtl] .printable .single-col th {
  text-align: right !important;
  padding-right: 25px !important;
}
html[dir=rtl] .printable .single-col td {
  text-align: right !important;
  padding-right: 25px !important;
}
@media print {
  html[dir=rtl] {
    /*  page-break-after:always ; */
  }
  html[dir=rtl] body {
    width: 21cm;
    height: 29.7cm;
  }
  html[dir=rtl] .comp-logo {
    display: none;
  }
  html[dir=rtl] .data-container, html[dir=rtl] .data-container-body {
    height: auto !important;
    min-height: auto !important;
  }
  html[dir=rtl] .main-container, html[dir=rtl] .data-container-body-content-main, html[dir=rtl] .data-container-body-content-main-body, html[dir=rtl] .data-table {
    height: 100% !important;
    min-height: 100% !important;
  }
  html[dir=rtl] .data-table {
    height: 100% !important;
    min-height: 100% !important;
  }
  html[dir=rtl] .data-table .dataTables_wrapper {
    height: 100% !important;
    min-height: 100% !important;
  }
  html[dir=rtl] .data-table .dataTables_wrapper .datatable-table {
    height: 100% !important;
    min-height: 100% !important;
  }
  html[dir=rtl] .data-table .dataTables_wrapper .datatable-table .dataTable {
    height: 100% !important;
    min-height: 100% !important;
  }
  html[dir=rtl] .timeline-item-body {
    border: none;
  }
  html[dir=rtl] .sidebar, html[dir=rtl] .page-header {
    display: none;
  }
  html[dir=rtl] .printed {
    display: flex !important;
  }
  html[dir=rtl] .printable {
    padding: 0px !important;
    background: #ffffff !important;
    overflow: auto !important;
    box-shadow: none !important;
  }
  html[dir=rtl] .printable .data-container {
    height: 100vh;
  }
  html[dir=rtl] .printable .data-container .data-container-header {
    margin-bottom: 15px !important;
    padding: 0px 10px !important;
  }
  html[dir=rtl] .printable .data-container .data-container-header.printed {
    display: flex !important;
  }
  html[dir=rtl] .printable .data-container .header-total {
    display: block;
  }
  html[dir=rtl] .printable .data-container .header-total .section-header-tools {
    border: none;
    border-bottom: 1px solid #012943;
  }
  html[dir=rtl] .printable .data-container .header-total .section-header-tools .legends .gbtn-o {
    border: none;
    width: auto;
    width: 50%;
    text-align: left;
  }
  html[dir=rtl] .printable .data-container .data-container-body {
    padding: 0px;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body {
    padding: 0px;
    border: none;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header {
    padding: 0px;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data h4 {
    border-color: #939393;
    font-size: 20px;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data h2 {
    margin-top: 10px;
    border-color: #939393;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-table .dataTables_wrapper .datatable-table {
    border: none !important;
    padding: 0px !important;
    height: 100% !important;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-table .dataTables_wrapper .datatable-table .table thead tr th:after, html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-table .dataTables_wrapper .datatable-table .table thead tr th:before {
    content: "";
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-table .dataTables_wrapper .datatable-table .table thead tr .tools-th {
    display: none !important;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-table .dataTables_wrapper .datatable-table .table tbody tr .tools-td {
    display: none !important;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-table .dataTables_wrapper .datatable-footer {
    display: none !important;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container {
    padding: 0px;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body h4 {
    border-color: #939393;
    font-size: 20px;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body .table thead th {
    border-color: #939393;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body .table thead .check-head {
    width: 0px !important;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body .table thead .check-head .custom-control {
    display: none !important;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body .table tbody tr {
    background: #ced4da !important;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body .table tbody tr .check-data {
    width: 0px !important;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body .table tbody tr .check-data .custom-control {
    display: none !important;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting:before, html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_asc:before, html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_desc:before, html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_asc_disabled:before, html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_desc_disabled:before {
    display: none;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting:after, html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_asc:after, html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_desc:after, html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_asc_disabled:after, html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-main .data-desc-body .data-desc-body-container .data-desc-body-container-body table.dataTable thead .sorting_desc_disabled:after {
    display: none;
  }
  html[dir=rtl] .printable .data-container .data-container-body .data-container-body-content .data-container-body-content-sub {
    display: none;
  }
}
@media print {
  html[dir=rtl] .dt-print-view .table thead tr th {
    font-size: 10px !important;
  }
  html[dir=rtl] .dt-print-view .table tbody tr td {
    font-size: 10px !important;
  }
}
html[dir=rtl] .dt-print-view h1 {
  display: none;
}
html[dir=rtl] .dt-print-view .data-container-header {
  padding: 0px 5px !important;
  border-bottom: 1px solid #ced4da;
  min-height: 30px;
}
html[dir=rtl] .dt-print-view .data-container-header.header-total {
  border: none;
}
html[dir=rtl] .dt-print-view .data-container-header .section-header-main img {
  width: 100px;
  margin-left: 10px;
  height: 100px;
  object-fit: contain;
}
html[dir=rtl] .dt-print-view .data-container-header .section-header-main h3, html[dir=rtl] .dt-print-view .data-container-header .section-header-main p {
  margin: 0px;
  text-align: right;
}
html[dir=rtl] .dt-print-view .data-container-header .section-header-tools {
  border: none;
  padding: 10px 0px !important;
}
html[dir=rtl] .dt-print-view .data-container-header .section-header-tools .legends {
  padding: 0px;
}
html[dir=rtl] .dt-print-view .data-container-header .section-header-tools .legends div {
  border-left: 1px solid #ced4da;
  padding: 0px 10px;
  text-align: right;
  margin: 0px;
}
html[dir=rtl] .dt-print-view .data-container-header .section-header-tools .legends div p {
  padding: 0px;
  color: #012943;
  font-size: 14px;
}
html[dir=rtl] .dt-print-view .data-container-header .section-header-tools .legends div:last-child {
  border: none;
}
html[dir=rtl] .dt-print-view .data-container-header .section-header-tools .legends div.warning p {
  color: #efb334;
}
html[dir=rtl] .dt-print-view .data-container-header .section-header-tools .legends div.success p {
  color: #a1b32b;
}
html[dir=rtl] .dt-print-view .data-container-header .section-header-tools .legends div.danger p {
  color: #ff3333;
}
html[dir=rtl] .dt-print-view .data-container-header .section-header-tools .legends div.default p {
  color: #00b1b7;
}
html[dir=rtl] .dt-print-view .data-container-header .section-header-tools .legends .gbtn-o:hover, html[dir=rtl] .dt-print-view .data-container-header .section-header-tools .legends .gbtn-o:active, html[dir=rtl] .dt-print-view .data-container-header .section-header-tools .legends .gbtn-o:focus {
  background: none;
}
html[dir=rtl] .dt-print-view .table {
  padding: 15px;
  border-collapse: collapse !important;
  margin: 0px !important;
}
html[dir=rtl] .dt-print-view .table thead tr th {
  border: 1px solid #ced4da;
  font-size: 12px;
  padding: 0.5rem 0.25rem;
}
html[dir=rtl] .dt-print-view .table tbody tr td {
  border: 1px solid #ced4da;
  font-size: 12px;
  padding: 0.2rem 0.25rem;
}
html[dir=rtl] .error-body {
  background: #00b1b7;
  color: #ffffff;
  max-height: 700px;
  overflow: hidden;
  /*             hr:after {
                  content: "\2022";
                  display: inline-block;
                  position: relative;
                  top: -0.75em;
                  font-size: 2em;
                  padding: 0 0.2em;
                  background: $SubColorLight;;
              } */
}
html[dir=rtl] .error-body .c {
  text-align: center;
  display: block;
  position: relative;
  width: 80%;
  margin: 100px auto;
}
html[dir=rtl] .error-body ._404 {
  font-size: 220px;
  position: relative;
  display: inline-block;
  z-index: 2;
  height: 250px;
  letter-spacing: 15px;
}
html[dir=rtl] .error-body ._1 {
  text-align: center;
  display: block;
  position: relative;
  letter-spacing: 12px;
  font-size: 4em;
  line-height: 80%;
  text-transform: uppercase;
}
html[dir=rtl] .error-body ._2 {
  text-align: center;
  display: block;
  position: relative;
  font-size: 20px;
  text-transform: uppercase;
}
html[dir=rtl] .error-body .text {
  font-size: 70px;
  text-align: center;
  position: relative;
  display: inline-block;
  margin: 19px 0px 0px 0px;
  /* top: 256.301px; */
  z-index: 3;
  width: 100%;
  line-height: 1.2em;
  display: inline-block;
}
html[dir=rtl] .error-body .btn {
  background-color: white;
  position: relative;
  display: inline-block;
  width: 358px;
  padding: 5px;
  z-index: 5;
  font-size: 25px;
  margin: 0 auto;
  color: #00b1b7;
  text-decoration: none;
  margin-right: 10px;
  text-transform: uppercase;
}
html[dir=rtl] .error-body .right {
  float: right;
  width: 60%;
}
html[dir=rtl] .error-body hr {
  padding: 0;
  border: none;
  border-top: 5px solid #fff;
  color: #fff;
  text-align: center;
  margin: 0px auto;
  width: 420px;
  height: 10px;
  z-index: -10;
}
html[dir=rtl] .error-body hr.fc-hr {
  padding: 0;
  border: none;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 2px;
  z-index: -10;
}
html[dir=rtl] .error-body .cloud {
  width: 350px;
  height: 120px;
  background: #FFF;
  background: linear-gradient(top, #FFF 100%);
  background: -webkit-linear-gradient(top, #FFF 100%);
  background: -moz-linear-gradient(top, #FFF 100%);
  background: -ms-linear-gradient(top, #FFF 100%);
  background: -o-linear-gradient(top, #FFF 100%);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  z-index: -1;
  transition: ease 1s;
}
html[dir=rtl] .error-body .cloud:after, html[dir=rtl] .error-body .cloud:before {
  content: "";
  position: absolute;
  background: #FFF;
  z-index: -1;
}
html[dir=rtl] .error-body .cloud:after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
}
html[dir=rtl] .error-body .cloud:before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
}
html[dir=rtl] .error-body .x1 {
  top: -50px;
  left: 100px;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
  opacity: 0.9;
  -webkit-animation: moveclouds 15s linear infinite;
  -moz-animation: moveclouds 15s linear infinite;
  -o-animation: moveclouds 15s linear infinite;
}
html[dir=rtl] .error-body .x1_5 {
  top: -80px;
  left: 250px;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-animation: moveclouds 17s linear infinite;
  -moz-animation: moveclouds 17s linear infinite;
  -o-animation: moveclouds 17s linear infinite;
}
html[dir=rtl] .error-body .x2 {
  left: 250px;
  top: 30px;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 0.6;
  -webkit-animation: moveclouds 25s linear infinite;
  -moz-animation: moveclouds 25s linear infinite;
  -o-animation: moveclouds 25s linear infinite;
}
html[dir=rtl] .error-body .x3 {
  left: 250px;
  bottom: -70px;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 0.8;
  -webkit-animation: moveclouds 25s linear infinite;
  -moz-animation: moveclouds 25s linear infinite;
  -o-animation: moveclouds 25s linear infinite;
}
html[dir=rtl] .error-body .x4 {
  left: 470px;
  botttom: 20px;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  transform: scale(0.75);
  opacity: 0.75;
  -webkit-animation: moveclouds 18s linear infinite;
  -moz-animation: moveclouds 18s linear infinite;
  -o-animation: moveclouds 18s linear infinite;
}
html[dir=rtl] .error-body .x5 {
  left: 200px;
  top: 300px;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0.8;
  -webkit-animation: moveclouds 20s linear infinite;
  -moz-animation: moveclouds 20s linear infinite;
  -o-animation: moveclouds 20s linear infinite;
}
@-webkit-keyframes moveclouds {
  0% {
    margin-left: 1000px;
  }
  100% {
    margin-left: -1000px;
  }
}
@-moz-keyframes moveclouds {
  0% {
    margin-left: 1000px;
  }
  100% {
    margin-left: -1000px;
  }
}
@-o-keyframes moveclouds {
  0% {
    margin-left: 1000px;
  }
  100% {
    margin-left: -1000px;
  }
}
html[dir=rtl] .data-section .data-container-header {
  padding-bottom: 6px;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 20px;
  align-items: flex-end;
}
html[dir=rtl] .data-section .data-container-body .data-container-body-content .data-container-body-content-sub .main-container {
  margin-top: 0px;
}
html[dir=rtl] .data-container-header {
  flex-direction: row;
  padding: 15px 20px;
}
html[dir=rtl] .data-container-header .section-header-main {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  padding: 7px 0px;
  flex-wrap: wrap;
}
html[dir=rtl] .data-container-header .section-header-main span {
  background: #a1b32b;
  color: #ffffff;
  width: 45px;
  height: 45px;
  font-size: 23px;
  border-radius: 5px;
}
html[dir=rtl] .data-container-header .section-header-main span:before {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .data-container-header .section-header-main span:first-child {
  background: #00b1b7;
}
html[dir=rtl] .data-container-header .section-header-main .data {
  margin-right: 10px;
}
html[dir=rtl] .data-container-header .section-header-main .data h4 {
  font-size: 22px;
  font-family: "NeoSansArabic";
  font-weight: 900;
  text-align: right;
  color: #025ca0;
}
html[dir=rtl] .data-container-header .section-header-main .data p {
  color: #939393;
  margin: 0px;
  font-weight: 100;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0px;
  justify-content: flex-end;
  display: none;
}
html[dir=rtl] .data-container-header .section-header-main .data p span {
  color: #939393;
  font-size: 14px;
  margin-right: 5px;
  padding: 0;
  background: none;
}
html[dir=rtl] .data-container-header .section-header-main .data p span:first-child {
  margin-left: 5px;
  margin-right: 0px;
}
html[dir=rtl] .data-container-header .section-header-main .data .breadcrumb {
  padding: 0px;
  background: none;
  margin-bottom: 0px;
}
html[dir=rtl] .data-container-header .section-header-main .data .breadcrumb .breadcrumb-item a {
  color: #025ca0;
  font-size: 15px;
}
html[dir=rtl] .data-container-header .section-header-main .data .breadcrumb .breadcrumb-item a:hover {
  color: #a1b32b;
}
html[dir=rtl] .data-container-header .section-header-main .data .breadcrumb .breadcrumb-item.active {
  font-size: 15px;
  color: #025ca0;
}
html[dir=rtl] .data-container-header .section-header-main .data .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  font-size: 14px;
  color: #025ca0;
}
html[dir=rtl] .data-container-header .section-header-main .nav {
  align-items: center;
  padding: 10px 15px;
  border-right: 1px solid #ced4da;
  margin-right: 15px;
}
html[dir=rtl] .data-container-header .section-header-main .nav .nav-item {
  /* min-width: 125px; */
}
html[dir=rtl] .data-container-header .section-header-main .nav .nav-item a {
  color: #025ca0;
  font-weight: 100;
}
html[dir=rtl] .data-container-header .section-header-main .nav .nav-item .active {
  background: transparent;
  color: #00b1b7;
  font-weight: 700;
}
html[dir=rtl] .data-container-header .section-header-main .nav .nav-item .disabled {
  pointer-events: none;
}
html[dir=rtl] .data-container-header .section-header-sub {
  min-width: 20%;
  display: block;
  margin-right: auto;
  padding: 10px;
}
html[dir=rtl] .data-container-header .section-header-sub p {
  color: #012943;
  margin: 0px;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0px;
  justify-content: flex-end;
}
html[dir=rtl] .data-container-header .section-header-sub p span {
  color: #012943;
  margin-right: 5px;
}
html[dir=rtl] .data-container-header .section-header-sub p span:first-child {
  margin-left: 5px;
  margin-right: 0px;
}
html[dir=rtl] .data-container-header .section-header-sub h3 {
  width: 100%;
  font-weight: 900;
  text-align: left;
  text-transform: uppercase;
  padding: 10px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-size: 2.7vw;
}
html[dir=rtl] .data-container-header .section-header-tools {
  display: flex;
  flex-wrap: wrap;
  background: #ffffff;
  padding: 10px 15px;
  border-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border: 1px solid #ced4da;
  margin-right: auto;
}
html[dir=rtl] .data-container-header .section-header-tools .data-container-body-header-controls {
  justify-content: flex-end;
  margin: 0 auto;
  align-items: center;
}
html[dir=rtl] .data-container-header .section-header-tools .data-container-body-header-controls select {
  padding: 6px;
  margin-right: 3px;
  margin-left: 3px;
  border: 1px solid #ced4da;
  letter-spacing: 0.5px;
  min-width: 200px;
  max-width: 200px;
}
html[dir=rtl] .data-container-header .section-header-tools .data-container-body-header-controls .select2 {
  margin-right: 3px;
  margin-left: 3px;
  letter-spacing: 0.5px;
  min-width: 200px;
  max-width: 200px;
}
html[dir=rtl] .data-container-header .section-header-tools .data-container-body-header-controls button, html[dir=rtl] .data-container-header .section-header-tools .data-container-body-header-controls a {
  padding: 9px 15px;
  font-weight: 300;
}
html[dir=rtl] .data-container-header .section-header-tools .data-container-body-header-controls .icon-gbtn .title {
  display: none;
}
html[dir=rtl] .data-container-header .section-header-tools .data-container-body-header-controls .multi-delete-btn {
  display: none;
}
html[dir=rtl] .data-container-header .section-header-tools .data-container-body-header-controls label {
  border: 2px solid #ff3333;
  padding: 4.5px 25px;
  color: #ff3333;
  font-size: 18px;
  border-radius: 5px;
  font-weight: 900;
  font-family: "NeoSansArabic";
  text-align: center;
  margin-bottom: 0px;
  margin-left: 5px;
}
html[dir=rtl] .data-container-header .section-header-tools .data-container-body-header-controls label span {
  margin: 0px 1px;
  float: left;
}
html[dir=rtl] .data-container-header .section-header-tools .data-container-body-header-controls .active {
  color: #a1b32b;
  border-color: #a1b32b;
}
html[dir=rtl] .data-container-header .section-header-tools .legends {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 6px;
}
html[dir=rtl] .data-container-header .section-header-tools .legends div {
  margin-left: 15px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
html[dir=rtl] .data-container-header .section-header-tools .legends div span {
  width: 12px;
  height: 25px;
  background: #78d0d4;
  margin-left: 3px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
}
html[dir=rtl] .data-container-header .section-header-tools .legends div p {
  display: flex;
  padding-right: 10px;
  vertical-align: middle;
  margin: 0px;
  color: #025ca0;
  font-weight: 300;
}
html[dir=rtl] .data-container-header .section-header-tools .legends div p span {
  background: none !important;
  width: auto;
}
html[dir=rtl] .data-container-header .section-header-tools .legends div p span::before {
  content: ":";
  margin: 0px 5px;
}
html[dir=rtl] .data-container-header .section-header-tools .legends div.warning span {
  background: #fdc977;
}
html[dir=rtl] .data-container-header .section-header-tools .legends div.success span {
  background: #cbdc5a;
}
html[dir=rtl] .data-container-header .section-header-tools .legends div.danger span {
  background: #f2a095;
}
html[dir=rtl] .data-container-header .section-header-tools.tools-show {
  animation-name: ToolsShow;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
html[dir=rtl] .data-container-header .section-header-tools.tools-hide {
  animation-name: ToolsHide;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
html[dir=rtl] .data-container-header .flow-tools {
  position: fixed;
  left: 0px;
  top: 50%;
  z-index: 9;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 6px !important;
  padding: 10px 5px 15px 5px;
}
html[dir=rtl] .data-container-header .flow-tools .legends {
  display: none;
}
html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls {
  flex-direction: column;
}
html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls .controls-section {
  flex-direction: column;
}
html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls .controls-section a {
  width: 40px;
  height: 35px;
}
html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls .controls-section.br {
  border: none !important;
}
html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls .controls-section.navigate-controls {
  display: none;
}
html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls button span, html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls a span {
  display: none;
}
html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls button:before, html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls a:before {
  margin-left: 0px;
}
html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls button .title, html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls a .title {
  display: none;
  position: absolute;
  font-weight: 300;
  font-size: 14px;
  background: #00b1b7;
  padding: 6px 12px;
  left: 68px;
  white-space: nowrap;
}
html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls button .title.tools-show, html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls a .title.tools-show {
  animation-name: ToolsShow;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls button .title.tools-hide, html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls a .title.tools-hide {
  animation-name: ToolsHide;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls button:hover .title, html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls a:hover .title {
  display: block !important;
}
html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls ul {
  flex-basis: auto;
  flex-direction: column;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  position: relative;
}
html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls label, html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls select, html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls .select2 {
  display: none;
}
html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls .gbtn-danger .title {
  background: #ff3333;
}
html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls .gbtn-warning .title {
  background: #efb334;
}
html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls .gbtn-dark .title {
  background: #012943;
}
html[dir=rtl] .data-container-header .flow-tools .data-container-body-header-controls .gbtn-success .title {
  background: #a1b32b;
}
html[dir=rtl] .data-container-header .flow-tools.tools-in {
  animation-name: ToolsSlidingInLeft;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
html[dir=rtl] .data-container-header .flow-tools.tools-out {
  animation-name: ToolsSlidingOutLeft;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
html[dir=rtl] .data-container-header.header-total {
  padding: 0px 0px 5px 0px;
}
html[dir=rtl] .data-container-header.header-total .flow-tools {
  display: none;
}
html[dir=rtl] .data-container-header.header-total .section-header-tools {
  border-radius: 0px;
  border-top-right-radius: 5px;
}
html[dir=rtl] .data-container-header.header-total .section-header-tools .legends {
  padding: 0px;
}
html[dir=rtl] .data-container-header.header-total .section-header-tools .legends div {
  border-left: 1px solid #ced4da;
  padding: 0px 10px;
  text-align: right;
  margin: 0px;
}
html[dir=rtl] .data-container-header.header-total .section-header-tools .legends div p {
  padding: 0px;
  color: #012943;
}
html[dir=rtl] .data-container-header.header-total .section-header-tools .legends div:last-child {
  border: none;
}
html[dir=rtl] .data-container-header.header-total .section-header-tools .legends div.warning p {
  color: #efb334;
}
html[dir=rtl] .data-container-header.header-total .section-header-tools .legends div.success p {
  color: #a1b32b;
}
html[dir=rtl] .data-container-header.header-total .section-header-tools .legends div.danger p {
  color: #ff3333;
}
html[dir=rtl] .data-container-header.header-total .section-header-tools .legends div.default p {
  color: #00b1b7;
}
html[dir=rtl] .data-container-header.header-total .section-header-tools .legends .gbtn-o:hover, html[dir=rtl] .data-container-header.header-total .section-header-tools .legends .gbtn-o:active, html[dir=rtl] .data-container-header.header-total .section-header-tools .legends .gbtn-o:focus {
  background: none;
}
html[dir=rtl] .data-search-header {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 5px;
  direction: rtl;
}
html[dir=rtl] .data-search-header .form-group {
  margin-bottom: 0px;
}
html[dir=rtl] .data-search-header .form-group span {
  position: absolute;
  margin: 7px 14px;
  font-size: 25px;
  color: #012943;
  border-left: 1px solid #ced4da;
  padding-left: 10px;
  right: 0px;
}
html[dir=rtl] .data-search-header .form-group input {
  border-radius: 0px;
  padding-right: 55px;
  border-top-right-radius: 6px;
  font-size: 16px;
}
html[dir=rtl] .data-search-header .form-group input::placeholder, html[dir=rtl] .data-search-header .form-group input:-ms-input-placeholder html[dir=rtl] .data-search-header .form-group input::-ms-input-placeholder {
  color: #ced4da;
}
html[dir=rtl] .data-search-header .form-group input:focus, html[dir=rtl] .data-search-header .form-group input:active {
  outline: none;
  box-shadow: none;
}
@media only screen and (max-width: 1200px) {
  html[dir=rtl] .data-container-header .section-header-main p {
    display: block !important;
  }
  html[dir=rtl] .data-container-header .section-header-sub {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  html[dir=rtl] .data-container-header .section-header-main .nav {
    border: none;
    margin-right: 0px;
    padding: 10px;
  }
}
@keyframes ToolsHide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes ToolsShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ToolsSlidingOutLeft {
  from {
    opacity: 1;
    left: 0px;
  }
  to {
    opacity: 0;
    left: -65px;
  }
}
@keyframes ToolsSlidingInLeft {
  from {
    opacity: 0;
    left: -65px;
  }
  to {
    opacity: 1;
    left: 0px;
  }
}
@keyframes ToolsSlidingOutRight {
  from {
    opacity: 1;
    right: 0px;
  }
  to {
    opacity: 0;
    right: -65px;
  }
}
@keyframes ToolsSlidingInRight {
  from {
    opacity: 0;
    right: -65px;
  }
  to {
    opacity: 1;
    right: 0px;
  }
}
html[dir=rtl] .data-container-body {
  padding: 0px 15px;
  align-items: flex-start;
}
html[dir=rtl] .data-container-body .data-container-body-header {
  padding: 10px 15px;
  min-height: 58px;
  width: 100%;
  background: #ffffff;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border: 1px solid #ced4da;
  align-items: center;
  margin-bottom: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-header h4 {
  margin-left: 20px;
  color: #00b1b7;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 0px;
  font-family: "NeoSansArabic";
  padding: 8px;
  padding-left: 14px;
  padding-right: 5px;
  line-height: 18px;
}
html[dir=rtl] .data-container-body .data-container-body-header .data-container-body-header-controls {
  justify-content: flex-start;
  margin-right: auto;
  align-items: center;
}
html[dir=rtl] .data-container-body .data-container-body-header .data-container-body-header-controls a {
  padding: 9px 14px;
  font-weight: 700;
}
html[dir=rtl] .data-container-body .data-container-body-header .data-container-body-header-controls label {
  border: 2px solid #ff3333;
  padding: 2.5px 20px;
  color: #ff3333;
  font-size: 18px;
  border-radius: 5px;
  font-weight: 900;
  font-family: "NeoSansArabic";
  text-align: center;
  margin-bottom: 0px;
  margin-left: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-header .data-container-body-header-controls label span {
  margin: 0px 1px;
  float: left;
}
html[dir=rtl] .data-container-body .data-container-body-header .data-container-body-header-controls .active {
  color: #a1b32b;
  border-color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-header .legends {
  flex-direction: row;
  justify-content: flex-end;
  border-right: 1px solid #ced4da;
  align-items: center;
}
html[dir=rtl] .data-container-body .data-container-body-header .legends div {
  margin-left: 15px;
}
html[dir=rtl] .data-container-body .data-container-body-header .legends div span {
  width: 12px;
  height: 25px;
  background: #78d0d4;
  margin-left: 3px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
}
html[dir=rtl] .data-container-body .data-container-body-header .legends div p {
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  color: #012943;
  font-weight: 300;
}
html[dir=rtl] .data-container-body .data-container-body-header .legends div.warning span {
  background: #fdc977;
}
html[dir=rtl] .data-container-body .data-container-body-header .legends div.success span {
  background: #cbdc5a;
}
html[dir=rtl] .data-container-body .data-container-body-header .legends div.danger span {
  background: #f2a095;
}
@media only screen and (max-width: 1200px) {
  html[dir=rtl] .data-container-body .data-container-body-header {
    /* div:first-child{ 
        width:100%;
        h4{margin-left:auto;}
    } */
  }
  html[dir=rtl] .data-container-body .data-container-body-header .data-container-body-header-controls {
    width: 100%;
    margin-top: 10px;
  }
  html[dir=rtl] .data-container-body .data-container-body-header .data-container-body-header-controls a, html[dir=rtl] .data-container-body .data-container-body-header .data-container-body-header-controls label {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 545px) {
  html[dir=rtl] .data-container-body .data-container-body-header div:first-child {
    padding-bottom: 0px;
  }
  html[dir=rtl] .data-container-body .data-container-body-header div:first-child select {
    margin-right: 0px;
    margin-top: 10px;
  }
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main {
  align-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body {
  min-height: calc(100vh - 240px);
  background: #ffffff;
  border-radius: 6px;
  border-top-right-radius: 6px;
  border: 1px solid #ced4da;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 3px 5px;
  flex-direction: row;
  margin-bottom: 4px;
  position: relative;
  border-top-left-radius: 0px;
  overflow-y: auto;
  overflow-x: hidden;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.h145 {
  height: calc(100vh - 145px);
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content {
  border-bottom: 1px solid #ced4da;
  padding-bottom: 10px;
  align-items: flex-start;
  /* button{
      padding: 9px 14px;
      font-weight: 700;
  } */
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content h4 {
  font-size: 16px;
  font-weight: 700;
  padding: 5px;
  width: 100%;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .logo {
  width: 115px;
  height: 115px;
  margin-left: 10px;
  position: relative;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .logo img {
  width: 100%;
  height: 100%;
  background: none;
  border-radius: 6px;
  background: #f0f0f0;
  padding: 10px;
  object-fit: cover;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .logo label {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  width: 100%;
  height: 100%;
  font-size: 50px;
  position: absolute;
  top: 0px;
  background: none;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(206, 212, 218, 0.8);
  display: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .logo label:hover {
  cursor: pointer;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .logo:hover {
  cursor: pointer;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .logo:hover label {
  display: flex;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-end;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section {
  padding: 0 2px;
  justify-content: flex-end;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .well-div {
  padding: 3px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .well-div .stacked-data .stacked-div input {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-header {
  width: 100%;
  justify-content: flex-start;
  margin-bottom: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-header h2 {
  padding: 15px;
  border-bottom: 1px solid #ced4da;
  font-weight: 700;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-header h5 {
  font-size: 14px;
  font-weight: 900;
  width: unset;
  text-align: right;
  margin: 5px 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-header .main-data-header-tools {
  margin-right: auto;
  margin-bottom: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-body {
  width: 100%;
  justify-content: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-body p {
  font-size: 25px;
  font-weight: 100;
  text-align: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-body p span {
  font-weight: 300;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-footer {
  width: 100%;
  justify-content: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-footer h3 {
  padding: 15px;
  font-weight: 100;
  text-align: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-footer .seginture h3 {
  font-weight: 700;
  font-size: 1.8vw;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-footer .unfill-input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 13px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-footer .unfill-input span {
  font-size: 25px;
  margin-left: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-footer .unfill-input label {
  width: auto;
  margin-left: 10px !important;
  margin-bottom: 0px !important;
  font-size: 16px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-footer .unfill-input input {
  width: auto;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .header-btn {
  margin-right: auto;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-row {
  align-items: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group label {
  margin: 0px;
  font-size: 14px;
  width: 100%;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group input {
  border-color: #ced4da;
  border-radius: 0px;
  color: #00b1b7;
  padding-top: 3px;
  padding-bottom: 3px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group .payment-btn {
  position: absolute;
  bottom: 6px;
  left: 10px;
  font-size: 20px;
  color: #00b1b7;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group .payment-btn:hover, html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group .payment-btn:focus, html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group .payment-btn:active {
  cursor: pointer;
  color: #012943;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group input[type=file] {
  padding: 3px !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group ::placeholder {
  color: #ced4da;
  font-size: 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group :-ms-input-placeholder {
  color: #ced4da;
  font-size: 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group ::-ms-input-placeholder {
  color: #ced4da;
  font-size: 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group input:active, html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group input:focus {
  box-shadow: none;
  outline: none;
  border-color: #00b1b7;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group .select2-selection {
  border-color: #ced4da;
  border-radius: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-group .select2-search input {
  border: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .form-header {
  font-size: 16px;
  font-weight: 700;
  padding: 10px 15px;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .main-data-btns button {
  min-height: 38px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data button {
  padding: 6px 16px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-tools a {
  padding: 9px 14px;
  font-weight: 700;
  margin: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-tools label {
  border: 2px solid #ff3333;
  padding: 2.5px 20px;
  color: #ff3333;
  font-size: 18px;
  border-radius: 5px;
  font-weight: 900;
  font-family: "OpenSans";
  text-align: center;
  margin-bottom: 5px;
  width: 100%;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-tools .active {
  color: #a1b32b;
  border-color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data {
  border-right: 1px solid #ced4da;
  padding: 10px 15px;
  padding-left: 0px;
  padding-right: 10px;
  align-content: flex-start;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .payment-div {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .payment-div h4 {
  font-size: 16px;
  font-weight: 700;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .payment-div input {
  border: none;
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item {
  align-items: center;
  justify-content: flex-end;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item p {
  font-size: 16px;
  margin: 0px;
  text-align: left;
  margin-left: auto;
  font-weight: 300;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item span {
  margin: 0px 3px;
  font-size: 16px;
  font-weight: 900;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item.danger span {
  color: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item.warning span {
  color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item.default span {
  color: #00b1b7;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .divider {
  border-bottom: 1px solid #ced4da;
  height: 0px;
  margin: 5px 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item-total {
  margin-bottom: 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item-total h4 {
  margin: 0px;
  margin-left: auto;
  font-weight: 700;
  font-size: 25px;
  width: auto;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-item-total span {
  margin: 0px 3px;
  font-weight: 700;
  font-size: 25px;
  color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data .total-data-footer {
  justify-content: flex-end;
  align-items: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .total-data.detail-data {
  border: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-header .data-desc-header-content .data-desc-header-content-footer {
  justify-content: flex-start;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container {
  padding-top: 10px;
  padding-bottom: 10px;
  align-items: flex-start;
  align-items: flex-start;
  justify-content: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .form-check {
  margin-top: 29px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .stretch {
  align-items: stretch !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body {
  padding: 15px 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .totals-form-section {
  justify-content: flex-end;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .totals-form-section .detail-data input {
  border: none;
  padding: 0px !important;
  text-transform: uppercase;
  color: #a1b32b !important;
  background: none;
  line-height: 0px !important;
  font-weight: 700;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .totals-form-section .detail-data input.danger {
  color: #ff3333 !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .totals-form-section .detail-data input.warning {
  color: #efb334 !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body h3 {
  margin: 0px 15px;
  padding: 5px 0px;
  width: 100%;
  text-align: right;
  font-weight: 300;
  font-size: 18px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body h4 {
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body h5 {
  font-size: 14px;
  font-weight: 900;
  width: 100%;
  text-align: right;
  margin: 5px 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .custom-control {
  padding-right: 1.5rem !important;
  padding-left: 0 !important;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .form-section-mainheader {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #ced4da;
  padding-bottom: 10px;
  margin-top: 5px;
  margin-bottom: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .form-section-mainheader h4 {
  width: auto;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .form-section-mainheader .inner-form-tools {
  justify-content: flex-end;
  padding: 0px;
  margin-bottom: 3px;
  margin-right: auto;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .form-section-mainheader .inner-form-tools .gbtn {
  padding: 8px 12px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .total-div .divider {
  border-bottom: 1px solid #ced4da;
  height: 0px;
  margin: 5px 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .total-div .total-data-item-total {
  margin-bottom: 15px;
  justify-content: flex-end;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .total-div .total-data-item-total h4 {
  margin: 0px;
  margin-left: 20px;
  font-weight: 700;
  font-size: 25px;
  width: auto;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .total-div .total-data-item-total span {
  margin: 0px 3px;
  font-weight: 700;
  font-size: 25px;
  color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-section .inner-form-tools button {
  margin-right: auto;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list {
  /*  .form-list-item:last-child{
                          border: none;
                      }
                      .form-list-item:first-child{
                          .form-group{
                              label:first-child{
                                  visibility: visible;
                              }
                          }
                      } */
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-right: 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-header .form-group {
  margin: 0px;
  padding-right: 0px !important;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-header .form-group.form-group-check {
  display: flex;
  justify-content: center;
  align-content: center;
  min-width: 85px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  background: #fbfbfb;
  border-right: 10px solid #78d0d4;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-content {
  align-items: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-content .form-group {
  margin: 0px;
  padding-right: 0px !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-content .form-group label:first-child {
  display: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-content .form-group .ValidationMessage {
  margin: -25px 25px;
  z-index: 99;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-content .form-group .custom-control {
  padding-right: 1.5rem !important;
  padding-left: 0 !important;
  margin: 0px !important;
  /* label{
      padding-right: $CustomCheckPadding !important;
  } */
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-content .form-group.form-group-check {
  display: flex;
  justify-content: center;
  align-content: center;
  min-width: 85px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-tools {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-tools a {
  font-size: 20px;
  /*  margin-top: 20px; */
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-list .form-list-item .form-list-item-tools a:hover {
  color: #ff3333;
  cursor: pointer;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .br-top {
  border-top: 1px solid #ced4da;
  padding-top: 15px;
  padding-bottom: 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .br-bottom {
  border-bottom: 1px solid #ced4da;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .connection-div {
  border-top: 1px solid #ced4da;
  padding: 20px 15px;
  margin-top: 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .connection-div .form-section .form-body {
  padding: 5px 0px;
  /* .form-group:first-child{
      padding-right:0px;
  }
  .form-group:last-child{
      padding-left:0px;
  } */
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item {
  justify-content: flex-end;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item .section-header {
  padding: 15px 5px;
  border-bottom: 1px solid #ced4da;
  margin-bottom: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item .service-item {
  padding: 15px 0px;
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item .service-item .service-item-head {
  font-family: "NeoSansArabic";
  padding: 5px 15px;
  width: 100%;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item .service-item .service-item-head:before {
  font-family: fontawesome;
  margin-left: 5px;
  display: inline-block;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item .service-item .service-item-head:hover {
  cursor: pointer;
  color: #00b1b7;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item .service-item:last-child {
  border: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item .result-table .data-table .dataTables_wrapper {
  padding-top: 0px !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item:first-child {
  margin-bottom: 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-item:first-child {
  margin-bottom: 0px !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .payment-div {
  border-top: 1px solid #ced4da;
  padding: 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .payment-div h4 {
  font-weight: 700;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list {
  list-style: none;
  padding: 10px;
  padding-left: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content {
  border-bottom: 1px solid #ced4da;
  border-right: 10px solid #efb334;
  border-radius: 0px;
  padding: 10px;
  min-height: 45px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content h4 {
  width: auto;
  padding: 0px;
  margin: 0px;
  margin-left: 50px;
  font-weight: 300;
  font-size: 16px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content .list-item-content-tools {
  border-right: 1px solid #ced4da;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 15px;
  display: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content .list-item-content-tools a {
  margin-left: 8px;
  font-size: 17px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content .list-item-content-tools a.fa-plus {
  font-size: 20px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content .list-item-content-tools a.fa-trash {
  font-size: 20px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content .list-item-content-tools a:hover {
  cursor: pointer;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content .list-item-content-tools a.fa-trash:hover {
  color: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content .list-item-content-tools a.fa-plus:hover {
  color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content .list-item-content-tools a.gicon-edit:hover {
  color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content:hover {
  cursor: pointer;
  border-right-color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content:hover .list-item-content-tools {
  display: block;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-item-content:hover h4 {
  color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list {
  padding-top: 0px;
  padding-bottom: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item label {
  color: #012943;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-main-node {
  background: #fbfbfb;
  border-right: 10px solid #00b1b7;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-main-node h4 {
  font-weight: 900;
  font-size: 18px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item .list-main-node-label {
  font-weight: 900;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list .list-item:hover label {
  cursor: pointer;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list.roles-list .custom-control {
  margin: 0px !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body.tab-content {
  border-right: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body.tab-content-list {
  padding: 0px 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .body-side {
  border-left: 1px solid #ced4da;
  min-height: 100%;
  position: relative;
  align-content: flex-start;
  display: flex;
  flex-wrap: wrap;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .body-side .body-side-header {
  padding: 0px 5px;
  width: 100%;
  display: flex;
  align-items: center;
  align-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .body-side .body-side-header h5 {
  margin: 0px;
  color: #012943;
  display: flex;
  flex-direction: row;
  margin-left: auto;
  align-items: center;
  text-align: center;
  font-family: "NeoSansArabic";
  font-size: 25px;
  font-weight: 100;
  padding: 17px 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .body-main-div {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  padding: 10px 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .body-main-div .body-main-header {
  border-bottom: 1px solid #ced4da;
  padding-bottom: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .body-main-div .body-main-header h3 {
  font-weight: 900;
  margin: 0px;
  text-align: right;
  font-family: "NeoSansArabic";
  font-size: 25px;
  margin-left: auto;
  padding: 10px 0px;
  color: #012943;
  width: auto;
  border: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .body-main-div .body-main-header h3:before {
  font-family: fontawesome;
  margin-left: 10px;
  font-weight: 100;
  display: inline-block;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .body-main-div .body-main-header .form-group {
  margin: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data {
  padding: 10px 15px;
  padding-left: 0px;
  padding-right: 0px;
  align-content: flex-start;
  justify-content: flex-end;
  margin-right: auto;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .payment-div {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .payment-div h4 {
  font-size: 16px;
  font-weight: 700;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .payment-div input {
  border: none;
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .sum-values {
  border-left: 1px solid #ced4da;
  align-content: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item {
  align-items: center;
  justify-content: flex-end;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item p {
  font-size: 16px;
  margin: 0px;
  text-align: left;
  margin-left: auto;
  font-weight: 300;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item span {
  margin: 0px 3px;
  font-size: 16px;
  font-weight: 900;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item.danger span {
  color: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item.warning span {
  color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item.default span {
  color: #00b1b7;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .divider {
  border-bottom: 1px solid #ced4da;
  height: 0px;
  margin: 5px 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item-total {
  padding: 0px 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item-total h4 {
  margin: 0px;
  margin-left: auto;
  font-weight: 700;
  font-size: 25px;
  padding-bottom: 0px;
  width: auto;
  text-align: right;
  border: none !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item-total p {
  margin: 0px;
  margin-left: auto;
  font-weight: 700;
  font-size: 14px;
  width: 100%;
  color: #efb334;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-item-total span {
  margin: 0px 3px;
  font-weight: 700;
  font-size: 25px;
  color: #a1b32b;
  line-height: 25px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data .total-data-footer {
  justify-content: flex-end;
  align-items: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .total-data.detail-data {
  border: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list-collapse-item a h4 {
  margin: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list-collapse-item .list-collapse-item-container .header {
  padding: 10px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list-collapse-item .list-collapse-item-container .header .form-group {
  margin-bottom: 0px;
  display: flex;
  align-items: baseline;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list-collapse-item .list-collapse-item-container .header .form-group .form-control {
  width: auto;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list-collapse-item .list-collapse-item-container .header .form-group label:after {
  content: ":";
  margin-right: 5px;
  margin-left: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .list-collapse-item .list-collapse-item-container .header .form-group input {
  color: #00b1b7 !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item {
  padding: 5px 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-header .header-data {
  margin-left: auto;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-header .header-data h6:first-child {
  margin-right: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-header .header-data h6 {
  padding: 5px 8px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-header .header-data a {
  margin-right: 0px;
  padding: 3px 14px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-header .header-tools {
  display: flex;
  flex-direction: row;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-header .header-tools a {
  height: 30px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-header .header-tools .collapse-icon {
  transition: all 0.1s linear;
  transform-origin: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body {
  margin-right: 2.5vw;
  border-right: 5px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item {
  margin: 5px;
  margin-right: -26px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item .timeline-icon {
  background: #fbfbfb;
  width: 50px;
  height: 50px;
  margin-left: 15px;
  border-radius: 25px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 1px #939393;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item .timeline-icon span {
  color: #00b1b7;
  font-size: 22px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item .item-content {
  background: #fbfbfb;
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0px;
  padding-left: 25px;
  padding-right: 5px;
  box-shadow: 0px 0px 1px #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item .item-content h6 {
  color: #00b1b7;
  padding: 10px;
  margin: 0px;
  font-weight: 900;
  line-height: 1.5;
  min-width: 110px;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item .item-content p {
  padding: 10px;
  color: #939393;
  border-right: 3px solid #00b1b7;
  margin: 0px;
  padding-left: 0px;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item .item-complain {
  border-left: 8px solid #012943;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item .item-complain h6 {
  color: #012943;
  margin: 0px 10px;
  padding: 0px;
  padding-top: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item .item-complain p {
  border: none;
  padding-top: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.success-item span {
  color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.success-item .item-content h6 {
  color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.success-item .item-content p {
  border-color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.warning-item span {
  color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.warning-item .item-content h6 {
  color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.warning-item .item-content p {
  border-color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.danger-item span {
  color: #d41212;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.danger-item .item-content h6 {
  color: #d41212;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.danger-item .item-content p {
  border-color: #d41212;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.dark-item span {
  color: #012943;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.dark-item .item-content h6 {
  color: #012943;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item .timeline-item-body .timeline-item.dark-item .item-content p {
  border-color: #012943;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .timeline .timeline-item.open .timeline-item-header .header-tools .timeline-collapse-icon {
  transform: rotate(-180deg);
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section {
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  justify-content: flex-start;
  flex-wrap: wrap;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav {
  padding: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav.br {
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav .nav-item {
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav .nav-item a {
  position: relative;
  color: #012943;
  padding-bottom: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav .nav-item a .tab-indicator {
  height: 4px;
  width: 100%;
  background: #cbdc5a;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  display: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav .nav-item a.active {
  background: none;
  color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav .nav-item a.active .tab-indicator {
  display: block;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav .nav-item a:hover, html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav .nav-item a:focus, html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav .nav-item a:active {
  color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav.br {
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .nav.br .nav-item {
  border: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content {
  padding-left: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane {
  padding-left: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane.scrollable {
  max-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner {
  padding: 0px;
  padding-bottom: 0px;
  align-items: flex-start;
  margin: 0px;
  padding-top: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .tab-pane-contatiner-section.br-side {
  border-left: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .imageTag {
  max-height: 20%;
  max-width: 20%;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner h6 {
  font-weight: 900;
  text-align: right;
  border-bottom: 1px solid #ced4da;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid {
  width: 100vw;
  padding: 0px !important;
  margin: 0px !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid.h-425 {
  height: 398px !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid.h-174 {
  height: 174px !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid .ag-root {
  padding: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-565px {
  height: calc(100vh - 565px);
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-75vh {
  height: calc(100vh - 75vh);
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-70vh {
  height: calc(100vh - 70vh);
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-60h {
  height: calc(100vh - 60vh);
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-65h {
  height: calc(100vh - 65vh);
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .total-input {
  margin: 5px 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .tab-pane-contatiner .total-input label {
  margin: 0px !important;
  margin-left: 10px !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .inline-form-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .inline-form-group label:first-child {
  width: auto;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .tab-content .tab-pane .inline-form-group label:first-child:after {
  content: ":";
  margin-right: 10px;
  font-weight: 900;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .section-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .section-header h5 {
  width: unset;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .section-header a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #000;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .section-header a span {
  marign-left: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .section-header .header-tools {
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .panel-collapse {
  margin-top: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .form-icon-btn {
  min-height: 35px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section.br-side {
  border-left: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section.bl-side {
  border-right: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .total-section .main-title {
  border-left: 1px solid #ced4da;
  margin-left: 15px;
  font-weight: 900;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .total-section .detail-data input {
  color: #78d0d4 !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .total-section .detail-data input.warning {
  color: #fdc977 !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .total-section .detail-data input.danger {
  color: #f2a095 !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-section .total-section .detail-data input.success {
  color: #cbdc5a !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-side {
  padding: 10px 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-side a {
  font-family: "NeoSansArabic";
  padding: 10px;
  color: #ced4da;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-side a:before {
  font-family: fontawesome;
  margin-left: 10px;
  font-weight: 100;
  display: inline-block;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-side a.active {
  background: none;
  font-weight: 900;
  color: #012943;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-side a:hover {
  color: #00b1b7;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-footer {
  align-items: center;
  justify-content: flex-end;
  padding: 15px 0px;
  padding-bottom: 0px;
  border-top: 1px solid #ced4da;
  margin-top: 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs {
  padding: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header {
  align-items: center;
  flex-direction: row;
  padding: 5px 15px;
  padding-bottom: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs {
  flex-direction: row;
  border-bottom: 4px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li {
  position: relative;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li a {
  color: #939393;
  font-size: 14px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li a span {
  display: block;
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li a.text-link {
  font-size: 16px;
  padding: 15px 25px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li .active {
  background: none;
  color: #00b1b7;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li .selected {
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  background: #00b1b7;
  margin-bottom: -4px;
  display: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.success .selected {
  background: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.success a, html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.success span {
  color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.warning .selected {
  background: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.warning a, html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.warning span {
  color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.danger .selected {
  background: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.danger a, html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs li.danger span {
  color: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .tabs .active-item .selected {
  display: block;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-header .icon-refresh {
  color: #ffffff;
  background: #00b1b7;
  padding: 12px 14px;
  font-size: 28px;
  border-radius: 5px;
  margin-right: 15px;
  margin-top: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content {
  padding: 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container {
  padding: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .search-form .form-group span {
  position: absolute;
  left: 15px;
  top: 10px;
  color: #939393;
  outline-color: #00b1b7;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .search-form .form-group inupt {
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .patient-list-item {
  border-right: 15px solid #efb334;
  padding: 5px 10px;
  align-items: center;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  flex-direction: row;
  background: #fbfbfb;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .patient-list-item .data-item h6 {
  color: #939393;
  text-align: right;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .patient-list-item .data-item h5 {
  color: #00b1b7;
  text-align: right;
  font-size: 18px;
  margin: 3px 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .patient-list-item .data-item .service-type {
  font-size: 16px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .patient-list-item .Status {
  width: 20px;
  height: 20px;
  background: #00b1b7;
  border-radius: 20px;
  display: none;
  margin-left: 20px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .active-item .Status {
  display: block;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .patient-list-item:hover {
  cursor: pointer;
  background: #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .warnning {
  border-color: #fdc977;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .warnning .data-item .service-type {
  color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .success {
  border-color: #cbdc5a;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .success .data-item .service-type {
  color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .danger {
  border-color: #f2a095;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .danger .data-item .service-type {
  color: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers {
  padding: 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers form {
  padding: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-header {
  align-items: center;
  flex-direction: row;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-header a {
  font-size: 25px;
  color: #939393;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-header .nextPatient {
  transform: rotate(-180deg);
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-header .header-data h5 {
  text-align: center;
  color: #939393;
  margin: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-header .header-data h6 {
  text-align: center;
  color: #00b1b7;
  font-weight: 900;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .profile {
  border-right: 15px solid #efb334;
  background: rgba(251, 251, 251, 0.7);
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section {
  margin-top: 10px;
  align-items: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-header {
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #ced4da;
  padding: 5px 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-header h5 {
  margin-left: auto;
  font-size: 16px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-header span {
  color: #939393;
  transition: all 0.15s linear;
  transform-origin: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-header:hover {
  cursor: pointer;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body {
  flex-direction: row;
  padding: 5px 0px;
  display: none;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body h5 {
  font-size: 14px;
  font-weight: 900;
  width: 100%;
  text-align: right;
  margin: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body p {
  font-size: 15px;
  font-weight: 300;
  width: 100%;
  text-align: right;
  margin: 10px 5px;
  margin-top: 0px;
  color: #939393;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .data-item {
  justify-content: flex-start;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .data-item h6 {
  color: #939393;
  text-align: right;
  margin: 5px 0px;
  margin-bottom: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .data-item input {
  color: #00b1b7;
  border: none;
  background: none;
  padding: 3px 0px !important;
  font-weight: 500;
  font-family: "NeoSansArabic";
  font-size: 18px;
  outline: 0px;
  pointer-events: none;
  height: 25px !important;
  text-align: right;
  width: 100%;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .data-item .service-type {
  font-size: 16px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .data-item .service-id {
  font-size: 16px;
  font-weight: 300;
  color: #012943;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body textarea {
  max-height: 70px;
  min-height: 70px;
  height: 70px;
  text-align: right;
  margin-bottom: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .nav-link {
  float: right;
  border: 1px solid #ced4da;
  border-left: none;
  color: #012943;
  margin-bottom: 5px;
  position: relative;
  font-weight: 700;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  align-items: center;
  display: flex;
  flex-direction: row;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .nav-link span {
  margin-left: 5px;
  color: #00b1b7;
  font-weight: 900;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .nav-link h6 {
  float: left;
  margin: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .nav-link .v-border {
  height: 100%;
  width: 3px;
  top: 0px;
  position: absolute;
  left: 0px;
  margin-left: -3px;
  background: #ffffff;
  z-index: 9;
  display: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .warnning span {
  color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .success span {
  color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .danger span {
  color: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .nav-link.active {
  background: none;
  border-color: #00b1b7;
  border-width: 2px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .nav-link.active .v-border {
  display: block;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .warnning.active {
  border-color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .warnning.active .v-border {
  display: block;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .success.active {
  border-color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .success.active .v-border {
  display: block;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .danger.active {
  border-color: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-nav .danger.active .v-border {
  display: block;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container {
  padding: 0px;
  height: 100%;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane {
  height: 100%;
  border-radius: 5px;
  border-top-right-radius: 0px;
  padding: 5px 15px;
  border: 2px solid #00b1b7;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.scrollable {
  max-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content {
  display: flex;
  height: 100%;
  justify-content: flex-start;
  flex-direction: row;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .form-group label {
  margin: 0px;
  margin-bottom: 3px;
  color: #00b1b7;
  font-weight: 700;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .form-group .select2-container {
  border: 1px solid #ced4da;
  border-radius: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .form-group .select2-selection__choice {
  background: #00b1b7;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-link {
  align-self: flex-end;
  color: #00b1b7;
  margin-right: auto;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-link:hover {
  color: #027d82;
  cursor: pointer;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form .form-section {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  flex-wrap: wrap;
  /*.discount-group{
      padding-right:0px;
      margin-top:3px;
      margin-bottom:3px;
  }*/
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form .form-section .custom-radio {
  padding-right: 0px;
  padding-left: 10px;
  margin-left: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form .form-section .custom-radio label {
  padding-right: 20px !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form .form-section .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form .form-section .form-group input {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form p {
  margin: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form span {
  margin: 10px 0px;
  color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .payment-option-form #payment {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content #PaymentOptionContainer {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  border-top: 1px solid #ced4da;
  padding-top: 8px;
  margin-top: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .result-div {
  padding: 10px;
  border-top: 1px dashed #ced4da;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .result-div h6 {
  color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .tab-pane-content .result-div h6 span {
  font-weight: 300;
  margin-right: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane .row {
  align-items: unset !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.warnning {
  border-color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.warnning .form-group label {
  color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.warnning .form-group .select2-selection__choice {
  background: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.success {
  border-color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.success .form-group label {
  color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.success .form-group .select2-selection__choice {
  background: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.danger {
  border-color: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.danger .form-group label {
  color: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.danger .form-group .select2-selection__choice {
  background: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .service-tabs-container .tab-pane.danger .form-group .select2-selection__choice span:hover {
  color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item {
  width: 100%;
  margin: 2px 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header {
  border-bottom: 1px solid #ced4da;
  padding: 0px;
  padding-bottom: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header button {
  min-width: 145px;
  justify-content: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header .icon-gbtn {
  min-width: auto;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header a {
  font-family: "NeoSansArabic";
  font-weight: 900;
  color: #00b1b7;
  display: flex;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header a:before {
  font-family: fontawesome;
  margin-left: 10px;
  font-weight: 100;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header a:hover {
  cursor: pointer;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header a:nth-child(2) {
  font-size: 25px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header a:nth-child(2):hover, html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-item-header a:nth-child(2):focus {
  color: #00b1b7;
  cursor: pointer;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content {
  padding: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content .section-body-content-header {
  justify-content: flex-end;
  align-items: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content .section-body-content-header a {
  font-size: 25px;
  margin-left: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content .section-body-content-header a:hover, html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content .section-body-content-header a:focus {
  color: #00b1b7;
  cursor: pointer;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content ul {
  padding: 5px 0px;
  list-style: none;
  margin-bottom: 0px;
  display: flex;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content ul li {
  font-family: "NeoSansArabic";
  background: #00b1b7;
  padding: 5px 10px;
  border-radius: 3px;
  box-shadow: 0px 0px 5px #ced4da;
  color: #ffffff;
  display: flex;
  line-height: 1.1;
  margin-left: 5px;
  margin-bottom: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content ul li:before {
  font-family: fontawesome;
  margin-left: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content ul li .fa-times {
  color: #ffffff;
  margin-right: auto;
  padding-right: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item .section-body-content ul li .fa-times:hover {
  cursor: pointer;
  color: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.success a {
  color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.success ul li {
  background: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.danger a {
  color: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.danger ul li {
  background: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.danger ul li .fa-times:hover {
  cursor: pointer;
  color: #343a40;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.warning a {
  color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.warning ul li {
  background: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.warning ul .success {
  background: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.dark a {
  color: #012943;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .section-body .section-body-item.dark ul li {
  background: #012943;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .profile-link {
  margin: 5px 8px;
  font-size: 23px;
  color: #939393;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .profile-link:hover {
  color: #012943;
  cursor: pointer;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section .profile-link:last-child {
  margin: 15px;
  margin-right: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.show .section-body {
  display: flex;
  justify-content: flex-start;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.show .section-body .consultation-input {
  height: auto !important;
  padding: 8px 12px !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.show .section-header span {
  transform: rotate(-180deg);
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.warnning {
  border-color: #fdc977;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.warnning .section-body .data-item .service-type {
  color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.success {
  border-color: #cbdc5a;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.success .section-body .data-item .service-type {
  color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.danger {
  border-color: #f2a095;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .patient-details-section.danger .section-body .data-item .service-type {
  color: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .section-footer {
  background: none;
  padding: 5px 0px;
  margin-top: 15px;
  justify-content: flex-end;
  flex-direction: row;
  border: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .section-footer button {
  margin-right: 5px;
  background: #efb334;
  color: #ffffff;
  padding: 0px 32px;
  font-weight: 300;
  line-height: 1;
  height: 35px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .section-footer .op-btn {
  margin-right: auto;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .patient-detail-containers .patient-details .section-footer .btn-success {
  background: #a1b32b;
  color: #ffffff;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container:first-child {
  padding: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container:last-child {
  padding-right: 5px;
  padding-left: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container {
  align-content: flex-start;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div {
  padding: 0px 3px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body {
  padding: 0px 5px !important;
  flex-wrap: wrap;
  align-content: flex-start;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  border: none !important;
  margin: 0px !important;
  background: none !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header {
  align-items: center;
  border-bottom: 1px solid #ced4da;
  padding: 5px 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header h3 {
  text-align: right;
  margin-left: auto;
  margin-bottom: 0px;
  padding: 8px 0px;
  padding-top: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header a {
  padding: 5px;
  font-size: 25px;
  color: #012943;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header a:hover, html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header a:active, html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header a:focus {
  cursor: pointer;
  color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header .form-container {
  padding: 0px 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header .form-container form {
  padding: 15px 0px;
  border-top: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-header .form-container form .form-group {
  margin-bottom: 0.5rem;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-container {
  padding: 10px 20px;
  position: relative;
  background: #ffffff;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border: 1px solid #ced4da;
  border-top: none;
  margin-bottom: 10px;
  border-radius: 6px;
  border-top: 1px solid #ced4da;
  /* &:nth-child(1){
      canvas{
          border-left: 1px solid $BorderColor;
      }
  } */
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-container p {
  font-weight: 700;
  font-size: 17px;
  border-bottom: 1px solid #ced4da;
  width: 100%;
  text-align: right;
  padding: 0px 0px 11px 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .chart-div .body-container-div-body .chart-container canvas {
  /* width: 300px !important;
  height: 300px !important; */
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div {
  align-content: flex-start;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header {
  background: #ffffff;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border: 1px solid #ced4da;
  border-bottom: none;
  padding: 0px 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .header-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 0px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ced4da;
  flex-wrap: wrap;
  align-items: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .header-content h4 {
  font-weight: 900;
  margin: 0px;
  text-align: left;
  font-family: "OpenSans";
  font-size: 25px;
  color: #012943;
  width: auto;
  border: none;
  margin-left: auto;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .header-content .form-group {
  margin: 0px;
  padding: 0px 3px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .header-content .patient-data {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-bottom: none;
  padding-top: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .header-content .patient-data h4 {
  margin-bottom: 3px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .header-content .patient-data .data-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 2px 0px;
  border-bottom: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .header-content .patient-data .data-item span {
  color: #00b1b7;
  margin-left: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .header-content .patient-data .data-item p {
  padding: 0;
  font-weight: 100;
  color: #012943;
  text-align: left;
  margin: 0;
  font-size: 14px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .profile-header {
  justify-content: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .profile-header h4 {
  font-weight: 300;
  margin: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header .profile-header img {
  width: 150px;
  height: 150px;
  border-radius: 150px;
  border: 5px solid #ffffff;
  box-shadow: 0px 0px 5px #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-body {
  padding: 10px 20px;
  position: relative;
  background: #ffffff;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border: 1px solid #ced4da;
  border-top: none;
  margin-bottom: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-body .data-item {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 12px 0px;
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-body .data-item h6 {
  margin: 0px;
  margin-left: auto;
  color: #027d82;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-body .data-item p {
  margin: 0px;
  color: #027d82;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-body .data-item:last-child {
  border: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-body .footer {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px 5px;
  padding-bottom: 0px;
  border: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-body .footer a {
  padding: 2px 10px;
  font-weight: 300;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-body.no-header {
  border-radius: 6px;
  border-top: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-header {
  align-items: center;
  justify-content: center;
  padding: 15px 25px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-header select {
  border: none;
  font-size: 18px;
  text-align: center;
  color: #00b1b7;
  font-weight: 700;
  text-align: center;
  text-align-last: center;
  -moz-appearance: window;
  -webkit-appearance: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-header select:hover, html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-header select:active, html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-header select:focus {
  outline: none;
  cursor: pointer;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-header .arrow-left {
  margin-left: auto;
  font-size: 25px;
  color: #939393;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-header .arrow-right {
  margin-right: auto;
  font-size: 25px;
  color: #939393;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-body .dashb-section-tabs {
  border-top: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-body .dashb-section-tabs .section-tabs-content {
  min-height: 550px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .clincs-status-widget .body-container-div-body .dashb-section-tabs .section-tabs-content .list-container .patient-list .patient-list-item .data-item {
  padding: 0px;
  border-bottom: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .profile-home {
  margin: 5px 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .profile-home .body-container-div-header .header-content {
  justify-content: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .profile-home .body-container-div-header .header-content .profile-data h4 {
  justify-content: center;
  margin: 0px;
  font-family: "NeoSansArabic";
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .profile-home .body-container-div-header .header-content .profile-data span {
  text-align: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info {
  padding: 0px 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body {
  padding: 10px;
  align-items: flex-start;
  flex-direction: row;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .date {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 95px;
  border-left: 1px solid #ced4da;
  height: 100px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .date .month {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #027d82;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .date .day {
  font-size: 55px;
  font-weight: 900;
  width: 100%;
  line-height: 56px;
  text-align: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .date .year {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #012943;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .data {
  padding: 0px 15px;
  padding-left: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .data h3 {
  font-family: "NeoSansArabic";
  width: 100%;
  font-size: 14px;
  margin: 0px;
  padding: 3px 0px;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .data h3 span {
  color: #a1b32b;
  /*   font-size: 2.5vw; */
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .data h3:before {
  font-family: FontAwesome;
  margin-left: 5px;
  font-size: 16px;
  display: inline-block;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .data .time {
  padding: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ced4da;
  padding-top: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.system-info .body-container-div-body .data .time h3 {
  font-size: 45px;
  font-weight: 100;
  line-height: 50px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .shift-btn {
  height: 45px;
  margin: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters {
  padding: 0px 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item {
  padding: 0px 5px 10px 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item .counter-item-container {
  background: #78d0d4;
  border-radius: 4px;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item .counter-item-container .data {
  padding-right: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item .counter-item-container .data span {
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "NeoSansArabic";
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item .counter-item-container .data h4 {
  color: #ffffff;
  font-size: 50px;
  margin: 0px;
  line-height: 0.9;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item .counter-item-container .data h4 span {
  font-size: 30px;
  margin-right: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item .counter-item-container .icon {
  font-size: 50px;
  font-family: FontAwesome;
  color: #ffffff;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item.warning .counter-item-container {
  background: #fdc977;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item.success .counter-item-container {
  background: #cbdc5a;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.counters .counter-item.danger .counter-item-container {
  background: #f2a095;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.patient-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.patient-btns a {
  padding: 15px 50px;
  width: 100%;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.patient-btns .gbtn-success {
  background: #cbdc5a !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.patient-btns .gbtn-warning {
  background: #fdc977 !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.patient-btns .gbtn-success:hover {
  background: #a1b32b !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.patient-btns .gbtn-warning:hover {
  background: #efb334 !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container {
  padding: 0px 20px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section {
  background: #ffffff;
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #ced4da;
  box-shadow: 0px 0px 8px #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header {
  align-items: center;
  flex-direction: row;
  padding: 5px 10px;
  padding-bottom: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .tabs {
  flex-direction: row;
  border-bottom: 4px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .tabs li {
  position: relative;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .tabs li a {
  color: #939393;
  font-size: 16px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .tabs li a span {
  display: block;
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .tabs li .active {
  background: none;
  color: #00b1b7;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .tabs li .selected {
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  background: #00b1b7;
  margin-bottom: -4px;
  display: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .tabs .active-item .selected {
  display: block;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .icon-refresh {
  color: #00b1b7;
  background: #ffffff;
  border: 1px solid #ced4da;
  font-size: 20px;
  border-radius: 5px;
  margin-right: 15px;
  width: 38px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-header .icon-refresh:hover {
  color: #012943;
  box-shadow: 0px 0px 2px #ced4da;
  cursor: pointer;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-content {
  padding: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-content .tab-pane.scrollable {
  max-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.tabs-container .tabs-container-section .section-tabs-content .tab-pane .data-table .dataTables_wrapper {
  padding: 0px 10px !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.list {
  padding: 10px 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.list .data-list {
  padding: 0px;
  padding-bottom: 10px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.list .data-list .data-list-header {
  padding: 10px;
  padding-bottom: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.list .data-list .data-list-header h3 {
  font-size: 20px;
  border-bottom: 1px solid #ced4da;
  font-family: "NeoSansArabic";
  padding: 10px;
  display: flex;
  align-items: center;
  padding-top: 5px;
  color: #012943;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.list .data-list .data-list-header h3:before {
  font-family: FontAwesome;
  margin-left: 10px;
  font-size: 25px;
  color: #027d82;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.list .data-list .data-list-item {
  padding: 5px 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container {
  padding: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container h3 {
  width: 100%;
  padding: 5px 5px 0px 0px;
  margin-right: 5px;
  font-family: "NeoSansArabic";
  color: #012943;
  font-size: 23px;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container h3:before {
  font-family: FontAwesome;
  margin-left: 10px;
  font-size: 25px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn {
  padding: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn .icon-btn-container {
  position: relative;
  border-radius: 4px;
  background: #78d0d4;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 35px;
  height: 125px;
  width: 125px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn .icon-btn-container span {
  width: 100%;
  position: absolute;
  bottom: 0px;
  right: 0px;
  margin: 5px;
  color: #ffffff;
  font-size: 14px;
  font-family: "NeoSansArabic";
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn:hover .icon-btn-container {
  background: #00b1b7;
  cursor: pointer;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn.warning .icon-btn-container {
  background: #fdc977;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn.warning:hover .icon-btn-container {
  background: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn.success .icon-btn-container {
  background: #cbdc5a;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn.success:hover .icon-btn-container {
  background: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn.danger .icon-btn-container {
  background: #f2a095;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div.btns-container .icon-btn.danger:hover .icon-btn-container {
  background: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.profile .header-content h4 {
  font-weight: 300 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header {
  padding: 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content {
  width: 100%;
  justify-content: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content img {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  border: 10px solid #ffffff;
  margin-bottom: 5px;
  box-shadow: 0px 0px 8px #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content h4 {
  font-weight: 900;
  margin: 0px;
  text-align: left;
  font-family: "OpenSans";
  font-size: 25px;
  color: #012943;
  width: auto;
  border: none;
  margin-left: auto;
  text-align: right;
  font-family: "NeoSansArabic";
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-bottom: none;
  padding-top: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .header-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 0px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ced4da;
  flex-wrap: wrap;
  align-items: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .header-content .form-group {
  margin: 0px;
  padding: 0px 3px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .header-content .patient-data {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-bottom: none;
  padding-top: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .header-content .patient-data h4 {
  margin-bottom: 3px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .header-content .patient-data .data-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 2px 0px;
  border-bottom: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .header-content .patient-data .data-item span {
  color: #00b1b7;
  margin-left: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .header-content .patient-data .data-item p {
  padding: 0;
  font-weight: 100;
  color: #012943;
  text-align: left;
  margin: 0;
  font-size: 14px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .data-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 2px 0px;
  border-bottom: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .data-item span {
  color: #00b1b7;
  margin-left: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-header .header-content .profile-data .data-item p {
  padding: 0;
  font-weight: 100;
  color: #012943;
  text-align: left;
  margin: 0;
  font-size: 14px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-body {
  padding: 15px 20px;
  position: relative;
  border-top: none;
  flex-direction: column;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-body .data-item {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 12px 0px;
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-body .data-item h6 {
  margin: 0px;
  margin-left: auto;
  color: #027d82;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-body .data-item p {
  margin: 0px;
  color: #027d82;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-body .data-item:last-child {
  border: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-body .footer {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px 5px;
  padding-bottom: 0px;
  border: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .body-container-div-body .footer a {
  padding: 2px 10px;
  font-weight: 300;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.medical-history {
  border-top-right-radius: 6px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.medical-history .body-container-div-header {
  padding: 0px 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.medical-history .body-container-div-header .header-content {
  border-bottom: 1px solid #ced4da;
  padding: 10px 0px;
  align-items: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.medical-history .body-container-div-header .header-content .header-content-filter .form-group {
  margin-right: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.medical-history .body-container-div-header .header-content .header-content-filter .form-group input, html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.medical-history .body-container-div-header .header-content .header-content-filter .form-group select {
  min-height: 41px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.medical-history .body-container-div-header .header-content .header-content-filter .form-group .select2-container input {
  min-height: unset;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div {
  padding: 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container {
  padding: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-header {
  padding: 0.8rem 1.5rem;
  text-align: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item {
  padding: 0px;
  white-space: normal;
  position: relative;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .dropdown-item-container {
  padding: 8px 0px 6px 0px;
  border-top: 1px solid #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .dropdown-item-container .dropdown-item-container-icon {
  padding: 5px 15px;
  font-size: 36px;
  border-left: 1px solid #ced4da;
  margin-left: 8px;
  align-self: flex-start;
  min-width: 72px;
  color: #ced4da;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .dropdown-item-container .dropdown-item-container-icon:before {
  display: flex;
  justify-content: center;
  align-items: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .dropdown-item-container .dropdown-item-container-content {
  width: 80%;
  align-items: center;
  align-content: center;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .dropdown-item-container .dropdown-item-container-content h4 {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0px;
  padding-left: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .dropdown-item-container .dropdown-item-container-content p {
  font-size: 14px;
  font-weight: 100;
  color: #939393;
  padding-left: 10px;
  margin-bottom: 2px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .dropdown-item-container .dropdown-item-container-content span {
  font-size: 11px;
  width: 100%;
  text-align: left;
  padding: 0px 10px;
  color: #939393;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .fa-times {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 6px;
  font-size: 20px;
  z-index: 5;
  color: #939393;
  display: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item .fa-times:hover {
  color: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item:hover {
  background: #fbfbfb;
  cursor: pointer;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item:hover .fa-times {
  display: block;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item.warning {
  color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item.dark {
  color: #343a40;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item.success {
  color: #a1b32b;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item.danger {
  color: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-item.default {
  color: #00b1b7;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-footer {
  display: block;
  width: 100%;
  text-align: center;
  padding: 8px;
  background: #012943;
  color: #ffffff;
  font-size: 15px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .notification-div .data-desc-body .data-desc-body-container .data-desc-body-container-body .dropdown-footer:hover {
  background: #00b1b7;
  cursor: pointer;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.no-back {
  border: none;
  background: transparent;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.full-h {
  height: unset !important;
  overflow: hidden !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.no-header {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.no-header .body-container .body-conatiner-div:first-child .body-container-div-header {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body.no-footer {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  align-content: flex-start;
  align-items: flex-start;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-main .section-tabs-content .data-desc-body .tab-pane-content {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub {
  background: #f0f0f0;
  padding-left: 0px !important;
  /* padding-right: 5px !important; */
  border: none;
  padding: 0px 5px;
  /* flex-grow: 1;
  flex-shrink: 1;
  visibility: visible;
  opacity: 1;
  transition: all 500ms; */
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container {
  margin-top: 5px;
  background: #ffffff;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border: 1px solid #ced4da;
  padding: 15px;
  height: 100%;
  align-items: flex-start;
  height: 98%;
  align-content: flex-start;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .header {
  position: relative;
  padding-bottom: 15px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-bottom: 1px solid #ced4da;
  text-align: right;
  margin-bottom: 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .header span {
  font-size: 25px;
  margin-left: 5px;
  color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .header span.danger {
  color: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .header h5 {
  margin: 0px;
  padding-right: 5px;
  color: #efb334;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .header h5.danger {
  color: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .header a {
  font-size: 25px;
  color: #ff3333;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body {
  padding: 15px 0px;
  max-height: calc(100vh - 290px);
  overflow-y: auto;
  overflow-x: hidden;
  align-content: flex-start;
  align-items: flex-start;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .print-header {
  display: none;
  align-items: center;
  justify-content: flex-start;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .print-header img {
  height: 50px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .print-header h4 {
  text-align: center;
  align-self: center;
  font-size: 20px;
  font-weight: 900;
  margin: 15px 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body p {
  text-align: right;
  font-size: 16px;
  font-weight: 900;
  margin-bottom: 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .form-container {
  align-content: flex-start;
  padding: 0px 10px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .form-container h4 {
  font-size: 14px;
  font-weight: 900;
  margin: 0px;
  text-align: right;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .custom-control label {
  padding-right: 35px !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .custom-radio label {
  padding-right: 15px !important;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .form-group {
  padding: 0px 5px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .signature {
  display: none;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .signature label {
  font-size: 16px;
  font-weight: 900;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .sub-form-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .sub-form-btns button {
  padding: 8px 50px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .body .form-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub .main-container .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 0px;
}
html[dir=rtl] .data-container-body .data-container-body-content .data-container-body-content-sub.w-zero {
  width: 0px !important;
  flex-grow: 1;
  flex-shrink: 1;
  transition: all 400ms ease;
}
html[dir=rtl] .data-container-footer {
  justify-content: center;
  border-top: 1px solid #939393;
  padding: 15px;
  position: absolute;
  bottom: 0px;
  display: none;
}
html[dir=rtl] .data-container-footer p {
  margin: 0px;
  font-size: 18px;
  font-weight: 700;
}
@media print {
  html[dir=rtl] .data-container-footer {
    display: flex !important;
  }
}
@media only screen and (max-width: 1527px) {
  html[dir=rtl] .counters .counter-item .fa {
    display: none;
  }
}
@media only screen and (max-width: 1367px) {
  html[dir=rtl] .data-container-body-content-main-body.full-h {
    height: unset !important;
  }
}
@media only screen and (max-width: 1200px) {
  html[dir=rtl] .data-container-body-content-main-body.full-h {
    height: unset !important;
  }
  html[dir=rtl] .data-container-body-content-sub .body {
    height: calc(100vh - 365px) !important;
  }
  html[dir=rtl] .counters .counter-item .fa {
    display: block;
  }
  html[dir=rtl] .form-list .form-list-header {
    display: none !important;
  }
  html[dir=rtl] .form-list .form-list-item .form-group {
    margin: 5px 0px !important;
  }
  html[dir=rtl] .form-list .form-list-item .form-group label {
    display: block !important;
  }
  html[dir=rtl] .data-desc-body-container-body.tab-content-table {
    border: none !important;
  }
  html[dir=rtl] .data-desc-body-container-body .total-data {
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 991px) {
  html[dir=rtl] .data-container-body-content-main {
    order: 2;
  }
  html[dir=rtl] .data-container-body-content-main .data-container-body-content-main-body {
    /* .body-container:first-child{
        .body-container-div:first-child{
            .body-container-div-header{
                border-top-right-radius: 0px !important;
                border-top-left-radius: 0px !important;
            }
        }
    } */
  }
  html[dir=rtl] .data-container-body-content-main .data-container-body-content-main-body .body-container .body-container-div .body-container-div-header {
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
  }
  html[dir=rtl] .data-container-body-content-sub {
    order: 1;
    padding-left: 0px !important;
  }
  html[dir=rtl] .data-container-body-content-sub .body {
    height: auto !important;
  }
  html[dir=rtl] .body-container-div.counters {
    padding: 0px !important;
  }
  html[dir=rtl] .body-container-div.tabs-container {
    padding: 0px !important;
  }
  html[dir=rtl] .body-container:last-child {
    padding: 0px !important;
  }
  html[dir=rtl] .body-container-div.btns-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  html[dir=rtl] .counters .counter-item .fa {
    display: block;
  }
  html[dir=rtl] .counters .counter-item:first-child, html[dir=rtl] .counters .counter-item:nth-child(3) {
    padding-right: 0px !important;
  }
  html[dir=rtl] .counters .counter-item:last-child, html[dir=rtl] .counters .counter-item:nth-child(2) {
    padding-left: 0px !important;
  }
  html[dir=rtl] .main-data-btns {
    margin-top: 10px;
  }
  html[dir=rtl] .data-desc-header-content .total-data {
    border: none !important;
    order: 1;
  }
  html[dir=rtl] .header-content h4 {
    margin-bottom: 10px !important;
  }
  html[dir=rtl] .profile-header {
    justify-content: flex-start !important;
  }
  html[dir=rtl] .profile-header img {
    margin-left: 15px !important;
    width: 100px !important;
    height: 100px !important;
  }
  html[dir=rtl] .profile-header .patient-data {
    align-items: flex-start !important;
  }
  html[dir=rtl] .main-data .form-group {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  html[dir=rtl] .data-container-body-content-main-body {
    height: auto !important;
  }
  html[dir=rtl] .counters .counter-item:first-child, html[dir=rtl] .counters .counter-item:nth-child(3), html[dir=rtl] .counters .counter-item:last-child, html[dir=rtl] .counters .counter-item:nth-child(2) {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  html[dir=rtl] .data-desc-body-container-body .body-side {
    border: none !important;
  }
  html[dir=rtl] .data-desc-body-container-body .body-side .data-desc-body-container-side {
    flex-direction: row !important;
    flex-wrap: wrap;
  }
  html[dir=rtl] .data-desc-body-container-body .total-data {
    padding-left: 0px !important;
  }
  html[dir=rtl] .data-desc-body-container-body .total-data .sum-values {
    border: none !important;
    padding-bottom: 10px;
  }
  html[dir=rtl] .data-desc-body-container-body .total-data .total-data-item-total {
    border-top: 1px solid #ced4da !important;
  }
  html[dir=rtl] .data-desc-body-container-body.tab-content-list {
    border: none !important;
  }
  html[dir=rtl] .data-desc-body-container-side {
    flex-direction: row !important;
    border-bottom: 1px solid #ced4da;
    margin-bottom: 5px;
  }
  html[dir=rtl] .header-content .form-group {
    margin-bottom: 5px !important;
  }
}
@media only screen and (max-width: 661px) {
  html[dir=rtl] .data-container-body-content-sub .main-container .body {
    max-height: unset !important;
  }
}
html[dir=rtl] .h-auto {
  height: auto !important;
}
html[dir=rtl] html[dir=ltr] .payment-btn {
  right: 10px;
}
html[dir=rtl] .gauges-container {
  padding: 10px 0px;
}
html[dir=rtl] .gauges-container .gauge-item-container {
  padding: 0px 15px;
}
html[dir=rtl] .gauges-container .gauge-item-container .gauge-item {
  border: 1px solid #ced4da;
  background: #ffffff;
  padding: 15px;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  margin-left: auto;
  align-items: center;
  border-radius: 5px;
}
html[dir=rtl] .gauges-container .gauge-item-container .gauge-item span {
  background: #00b1b7;
  color: #ffffff;
  padding: 12px 14px;
  font-size: 28px;
  border-radius: 5px;
  width: 50px;
  height: 50px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
html[dir=rtl] .gauges-container .gauge-item-container .gauge-item .data {
  margin-right: 10px;
}
html[dir=rtl] .gauges-container .gauge-item-container .gauge-item .data h4 {
  font-size: 22px;
  font-family: "NeoSansArabic";
  font-weight: 900;
  text-align: center;
  color: #00b1b7;
}
html[dir=rtl] .gauges-container .gauge-item-container .gauge-item .data p {
  margin: 0px;
  text-align: center;
  color: #012943;
}
html[dir=rtl] .gauges-container .gauge-item-container.warnning span {
  background: #efb334;
}
html[dir=rtl] .gauges-container .gauge-item-container.warnning .data h4 {
  color: #efb334;
}
html[dir=rtl] .gauges-container .gauge-item-container.success span {
  background: #a1b32b;
}
html[dir=rtl] .gauges-container .gauge-item-container.success .data h4 {
  color: #a1b32b;
}
html[dir=rtl] .gauges-container .gauge-item-container.danger span {
  background: #ff3333;
}
html[dir=rtl] .gauges-container .gauge-item-container.danger .data h4 {
  color: #ff3333;
}
html[dir=rtl] .gauges-container .gauge-item-container:first-child {
  padding-right: 0px;
}
html[dir=rtl] .gauges-container .gauge-item-container:last-child {
  padding-left: 0px;
}
@media only screen and (max-width: 992px) {
  html[dir=rtl] .gauges-container .gauge-item-container {
    margin-bottom: 10px;
  }
  html[dir=rtl] .gauges-container .gauge-item-container:nth-child(2) {
    padding-left: 0px;
  }
  html[dir=rtl] .gauges-container .gauge-item-container:nth-child(3) {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 576px) {
  html[dir=rtl] .gauges-container .gauge-item-container {
    padding: 0px !important;
  }
}
html[dir=rtl] .inv {
  font-family: "NeoSansArabic" !important;
  direction: rtl;
  font-size: 14px;
  padding: 15px;
}
html[dir=rtl] .inv .inv-top-header {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 5px solid #193b7b;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 10px;
}
html[dir=rtl] .inv .inv-top-header .inv-logo {
  display: block !important;
  margin-left: auto;
  margin-bottom: 15px;
}
html[dir=rtl] .inv .inv-top-header .contact p {
  font-size: 18px;
  color: #496ca6;
  text-align: center;
  font-weight: 900;
}
html[dir=rtl] .inv .inv-top-header .contact p:last-child {
  margin: 0px;
}
html[dir=rtl] .inv .inv-body-container .inv-sub-header {
  margin-bottom: 10px;
}
html[dir=rtl] .inv .inv-body-container .inv-sub-header .sub-header-col {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
html[dir=rtl] .inv .inv-body-container .inv-sub-header .sub-header-col .data-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
html[dir=rtl] .inv .inv-body-container .inv-sub-header .sub-header-col .data-item label {
  background: #193b7b;
  margin: 0px;
  margin-left: 5px;
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 4px;
  min-width: 115px;
  text-align: right;
}
html[dir=rtl] .inv .inv-body-container .inv-sub-header .sub-header-col .data-item input {
  background-color: #c9d6e6 !important;
  padding: 4px 10px !important;
  color: #012943;
  height: auto !important;
  border: none;
  font-weight: 900;
  text-align: right;
}
html[dir=rtl] .inv .inv-body-container .inv-sub-header .sub-header-col .data-item label:last-child {
  background: none;
  color: #193b7b;
  margin-right: 5px;
  font-weight: 900;
  min-width: unset;
  text-align: left;
}
html[dir=rtl] .inv .inv-body-container .inv-sub-header .sub-header-col .success label {
  background: #1c993b;
}
html[dir=rtl] .inv .inv-body-container .inv-sub-header .sub-header-col .success input {
  background-color: #cceac8 !important;
}
html[dir=rtl] .inv .inv-body-container .inv-sub-header .sub-header-col .success label:last-child {
  color: #1c993b;
}
html[dir=rtl] .inv .inv-body-container .inv-sub-header .sub-header-col:first-child {
  padding-right: 0px;
}
html[dir=rtl] .inv .inv-body-container .inv-sub-header .sub-header-col:first-child .data-item {
  padding: 0px;
}
html[dir=rtl] .inv .inv-body-container .inv-sub-header .sub-header-col:last-child {
  padding-right: 0px;
}
html[dir=rtl] .inv .inv-body-container .inv-sub-header .sub-header-col:last-child .data-item {
  padding: 0px;
}
html[dir=rtl] .inv .inv-body-container .inv-body table {
  border: none;
}
html[dir=rtl] .inv .inv-body-container .inv-body table thead tr th {
  border: 2px solid #496ca6;
  text-align: center;
  vertical-align: middle;
  padding: 0px;
  min-width: 100px;
}
html[dir=rtl] .inv .inv-body-container .inv-body table thead tr th span {
  display: block;
  width: 100%;
  color: #496ca6;
  font-weight: 900;
}
html[dir=rtl] .inv .inv-body-container .inv-body table thead tr th span:last-child {
  color: #1c993b;
}
html[dir=rtl] .inv .inv-body-container .inv-body table thead tr th[colspan="2"] span, html[dir=rtl] .inv .inv-body-container .inv-body table thead tr th[colspan="3"] span {
  color: #496ca6;
}
html[dir=rtl] .inv .inv-body-container .inv-body table thead tr th:first-child {
  min-width: 110px;
}
html[dir=rtl] .inv .inv-body-container .inv-body table thead tr .desc {
  min-width: 500px;
}
html[dir=rtl] .inv .inv-body-container .inv-body table tbody tr td {
  text-align: center;
  vertical-align: middle;
  border: 2px solid #193b7b;
  border-bottom: none;
  border-top: none;
}
html[dir=rtl] .inv .inv-body-container .inv-body table tbody tr:last-child td {
  border-bottom: 2px solid #193b7b;
  border-top: 2px solid #193b7b;
  background: #c9d6e6;
}
html[dir=rtl] .inv .inv-body-container .inv-body table tbody tr:last-child td .table-footer {
  padding-top: 5px;
}
html[dir=rtl] .inv .inv-body-container .inv-body table tbody tr:last-child td .table-footer .table-footer-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 2px solid #193b7b;
  border-radius: 10px;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  min-height: 55px;
}
html[dir=rtl] .inv .inv-body-container .inv-body table tbody tr:last-child td .table-footer .table-footer-item span {
  display: block;
  width: 100%;
  color: #496ca6;
  font-weight: 900;
  font-size: 14px;
}
html[dir=rtl] .inv .inv-body-container .inv-body table tbody tr:last-child td .table-footer .table-footer-item span:last-child {
  color: #1c993b;
}
html[dir=rtl] .inv .inv-body-container .inv-body table tbody tr:last-child td:first-child, html[dir=rtl] .inv .inv-body-container .inv-body table tbody tr:last-child td:nth-child(2) {
  border: none;
  border-top: 2px solid #193b7b;
  background: none;
  padding: 0px;
}
html[dir=rtl] .inv .inv-body-container .inv-body table tbody tr:last-child td:nth-child(2) .table-footer {
  padding-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
html[dir=rtl] .inv .inv-body-container .inv-body table tbody tr:last-child td:nth-child(2) .table-footer .table-footer-item {
  margin: 0px 5px;
  padding: 0px 10px;
}
html[dir=rtl] .inv .inv-body-container .inv-body table tbody tr:last-child td:nth-child(2) .table-footer .table-footer-item:last-child {
  margin-right: 0px;
}
html[dir=rtl] .inv .inv-body-container .inv-footer {
  padding: 0px 5px;
}
html[dir=rtl] .inv .inv-body-container .inv-footer .footer-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 0px;
  border-bottom: 2px solid #496ca6;
}
html[dir=rtl] .inv .inv-body-container .inv-footer .footer-item .item-title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: right;
  vertical-align: middle;
}
html[dir=rtl] .inv .inv-body-container .inv-footer .footer-item .item-title span {
  display: block;
  width: 100%;
  color: #496ca6;
  font-weight: 900;
}
html[dir=rtl] .inv .inv-body-container .inv-footer .footer-item .item-title span:last-child {
  color: #1c993b;
}
html[dir=rtl] .inv .inv-body-container .inv-footer .footer-item .item-result {
  margin: 5px;
  border: 2px solid #496ca6;
  background: #c9d6e6;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .inv .inv-body-container .inv-footer .footer-item:last-child {
  border-bottom: none;
}
html[dir=rtl] .inv .inv-note {
  transform: rotate(-90deg);
  position: absolute;
  left: -130px;
  top: 400px;
  font-weight: 900;
  font-size: 18px;
  color: #496ca6;
}
@media only screen and (max-width: 1200px) {
  html[dir=rtl] .inv-top-header .inv-logo {
    margin-right: auto;
  }
  html[dir=rtl] .inv-sub-header .sub-header-col .data-item {
    padding: 0px;
  }
}
html[dir=rtl] .data-desc-header.detail-data {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}
html[dir=rtl] .data-desc-header.detail-data .data-desc-header-content {
  border: none !important;
}
html[dir=rtl] .detail-data .main-data {
  align-items: center !important;
}
html[dir=rtl] .detail-data .result-table {
  margin-bottom: 10px;
}
html[dir=rtl] .detail-data .total-div .divider {
  border-bottom: 1px solid #ced4da;
  height: 0px;
  margin: 5px 0px;
}
html[dir=rtl] .detail-data .total-div .total-data-item-total {
  margin-bottom: 15px;
  justify-content: flex-end;
}
html[dir=rtl] .detail-data .total-div .total-data-item-total h4 {
  margin: 0px !important;
  margin-left: 20px !important;
  font-weight: 700;
  font-size: 25px !important;
  width: auto !important;
  padding: 0px !important;
  border: none !important;
  line-height: 1.5 !important;
}
html[dir=rtl] .detail-data .total-div .total-data-item-total span {
  margin: 0px 3px;
  font-weight: 700;
  font-size: 25px;
  color: #a1b32b;
}
html[dir=rtl] .detail-data h4 {
  padding: 8px 0px;
  margin: 0px 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .detail-data label {
  color: #012943 !important;
  padding: 0px !important;
  font-weight: 300;
  margin: unset !important;
  margin-bottom: 0.5rem !important;
  min-height: auto !important;
  text-align: right !important;
}
html[dir=rtl] .detail-data .custom-control {
  margin: auto 0 !important;
}
html[dir=rtl] .detail-data .custom-control label {
  text-align: right;
  padding-right: 15px !important;
  margin: 0px !important;
}
html[dir=rtl] .detail-data input {
  border: none;
  padding: 0px !important;
  text-transform: uppercase;
  color: #a1b32b !important;
  background: none;
  line-height: 20px !important;
  font-size: 14px;
  font-weight: 700;
  text-align: right;
  margin-right: 8px;
}
html[dir=rtl] .detail-data .has-description {
  border-left: 1px solid #ced4da;
}
html[dir=rtl] .detail-data .sub-detail {
  font-size: 14px;
  color: #ffc107 !important;
}
html[dir=rtl] .detail-data textarea {
  border: none;
  background: none;
  min-height: auto;
  max-height: auto;
  height: auto;
  pointer-events: none;
  font-weight: 700;
  padding: 0px !important;
  text-transform: uppercase;
  color: #a1b32b !important;
}
html[dir=rtl] .detail-data .detail-check {
  padding: 11px;
  text-align: right;
}
html[dir=rtl] .detail-data .detail-check label {
  font-family: "NeoSansArabic";
  font-size: 16px;
}
html[dir=rtl] .detail-data .detail-check label:before {
  font-family: FontAwesome;
  margin-left: 10px;
  font-size: 18px;
}
html[dir=rtl] .detail-data .detail-check label.fa-check-circle:before {
  color: #a1b32b;
}
html[dir=rtl] .detail-data .detail-check label.fa-times-circle:before {
  color: #ff3333;
}
html[dir=rtl] .detail-data .detail-check label.fa-minus-circle:before {
  color: #efb334;
}
html[dir=rtl] .detail-data .form-group {
  margin-bottom: 5px;
}
@media only screen and (max-width: 576px) {
  html[dir=rtl] .has-description {
    border: none !important;
  }
}
html[dir=rtl] .fc-event-container {
  position: relative;
}
html[dir=rtl] .fc-event-container .EventStyle {
  padding-right: 20px;
  background: #00b1b7;
  border: none;
}
html[dir=rtl] .fc-event-container .EventStyle .fc-content {
  white-space: normal;
}
html[dir=rtl] .fc-event-container .EventStyle .fc-content .fa-times {
  position: absolute;
  left: 0px;
  z-index: 2;
}
html[dir=rtl] .fc-event-container .EventStyle .fc-content .fa-times:hover, html[dir=rtl] .fc-event-container .EventStyle .fc-content .fa-times:focus {
  color: #ff3333;
}
html[dir=rtl] .fc-event-container .EventStyle .fc-content .fc-time {
  font-weight: 300;
}
html[dir=rtl] .fc-event-container .EventStyle .event-data {
  position: relative;
}
html[dir=rtl] .fc-event-container .EventStyle .event-data .event-data-details {
  padding: 0px;
  border-radius: 5px;
  direction: rtl;
}
html[dir=rtl] .fc-event-container .EventStyle .event-data .event-data-details .arrow-up {
  position: absolute;
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, 0) !important;
  top: -17px;
  font-size: 25px;
  z-index: 5;
  color: #012943;
}
html[dir=rtl] .fc-event-container .EventStyle .event-data .event-data-details p {
  direction: rtl;
  margin: 2px 0px;
  margin-left: 5px;
  border-left: 1px solid #ced4da;
  padding: 0px 10px;
}
html[dir=rtl] .fc-event-container .EventStyle .event-data .event-data-details p span:first-child:after {
  content: ":";
  margin: 0px 5px;
}
html[dir=rtl] .fc-event-container .EventStyle .event-data .event-data-details p:last-child {
  border: none;
}
html[dir=rtl] .fc-event-container .EventStyle.event-hover {
  background: #efb334 !important;
  cursor: pointer;
}
html[dir=rtl] .fc-event-container .fa-times {
  position: absolute;
  z-index: 3;
  right: 0px;
  top: 0px;
  margin: 2px 6px;
  color: #ffffff;
}
html[dir=rtl] .fc-event-container .fa-times:hover, html[dir=rtl] .fc-event-container .fa-times:focus, html[dir=rtl] .fc-event-container .fa-times:active {
  color: #ff3333;
  cursor: pointer;
}
html[dir=rtl] .fc-event-container:hover .fa-times {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html[dir=rtl] .data-desc-body-container-body .fc-header-toolbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
}
html[dir=rtl] .data-desc-body-container-body .fc-header-toolbar .fc-left {
  font-size: 1em;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
html[dir=rtl] .data-desc-body-container-body .fc-header-toolbar .fc-right .btn-group button {
  border: none;
  padding: 6px 12px;
  background: rgba(0, 177, 183, 0.85) !important;
  color: #ffffff !important;
  margin: 3px;
  font-size: 16px;
  border-radius: 3px;
  font-weight: 300;
  font-family: "NeoSansArabic";
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  font-weight: 700;
  text-transform: capitalize;
}
html[dir=rtl] .data-desc-body-container-body .fc-header-toolbar .fc-right .btn-group .fc-prev-button span:before {
  content: "";
}
html[dir=rtl] .data-desc-body-container-body .fc-header-toolbar .fc-right .btn-group .fc-next-button span:before {
  content: "";
}
html[dir=rtl] .data-desc-body-container-body .fc-header-toolbar .fc-right .btn-group .fc-nextYear-button, html[dir=rtl] .data-desc-body-container-body .fc-header-toolbar .fc-right .btn-group .fc-next-button {
  background: #a1b32b !important;
}
html[dir=rtl] .data-desc-body-container-body .fc-header-toolbar .fc-right .btn-group .fc-today-button {
  background: #efb334 !important;
}
html[dir=rtl] .data-desc-body-container-body .fc-header-toolbar .fc-left {
  font-size: 1em;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
html[dir=rtl] iframe.data-container-body-content-main-body {
  padding: 0px !important;
  height: calc(100vh - 160px) !important;
}
html[dir=rtl] .iframe-body {
  margin: 0px !important;
}
html[dir=rtl] .iframe-body form .viewer-container #rptViewer {
  width: 100% !important;
  height: 100% !important;
}
html[dir=rtl] .iframe-body form .viewer-container #rptViewer #rptViewer__UI {
  width: 99% !important;
  height: 100vh !important;
}
html[dir=rtl] .widget-container {
  padding: 10px;
  padding-bottom: 0px;
}
html[dir=rtl] .widget-container .widget {
  background: #ffffff;
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 0px;
}
html[dir=rtl] .widget-container .widget .widget-container-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding: 15px 20px;
}
html[dir=rtl] .widget-container .widget .widget-container-header h4 {
  font-weight: 700;
  color: #012943;
  font-size: 15px;
  margin-bottom: 0px;
  position: relative;
  text-transform: uppercase;
  margin-left: auto;
}
html[dir=rtl] .widget-container .widget .widget-container-header h4 .br {
  bottom: -9px;
  width: 40px;
  position: absolute;
  right: -1px;
  height: 4px;
  background: #00b1b7;
  display: none;
}
html[dir=rtl] .widget-container .widget .widget-container-header .widget-nav {
  margin-left: auto;
  position: relative;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}
html[dir=rtl] .widget-container .widget .widget-container-header .widget-nav .back-btn {
  padding: 3px;
  margin-left: 15px;
  border-left: 1px solid #ced4da;
  padding-left: 15px;
}
html[dir=rtl] .widget-container .widget .widget-container-header .widget-nav .back-btn:hover {
  color: #efb334;
  cursor: pointer;
}
html[dir=rtl] .widget-container .widget .widget-container-header .widget-nav .widget-nav-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=rtl] .widget-container .widget .widget-container-header .widget-nav .widget-nav-container a {
  font-weight: 700;
  color: #012943;
  font-size: 15px;
  text-transform: uppercase;
}
html[dir=rtl] .widget-container .widget .widget-container-header .widget-nav .widget-nav-container a:hover, html[dir=rtl] .widget-container .widget .widget-container-header .widget-nav .widget-nav-container a:focus {
  color: #00b1b7;
}
html[dir=rtl] .widget-container .widget .widget-container-header .widget-nav .widget-nav-container span {
  margin: 0px 5px;
}
html[dir=rtl] .widget-container .widget .widget-container-header .widget-nav .widget-nav-container .header-nav:first-child::before {
  content: "";
}
html[dir=rtl] .widget-container .widget .widget-container-header .widget-nav .widget-nav-container .header-nav::before {
  content: "/";
  margin: 0px 5px;
  color: #012943;
  font-size: 15px;
}
html[dir=rtl] .widget-container .widget .widget-container-header .widget-nav .br {
  bottom: -9px;
  width: 40px;
  position: absolute;
  right: -1px;
  height: 4px;
  background: #00b1b7;
  display: none;
}
html[dir=rtl] .widget-container .widget .widget-container-header .header-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  padding: 5px 0px;
}
html[dir=rtl] .widget-container .widget .widget-container-header .header-tools a {
  margin: 0px;
  margin-right: 15px;
}
html[dir=rtl] .widget-container .widget .widget-container-header .header-tools a:before {
  font-weight: 100;
  font-size: 15px;
  color: #ced4da;
}
html[dir=rtl] .widget-container .widget .widget-container-header .header-tools a:hover:before, html[dir=rtl] .widget-container .widget .widget-container-header .header-tools a:focus:before, html[dir=rtl] .widget-container .widget .widget-container-header .header-tools a:active:before {
  color: #012943;
  cursor: pointer;
}
html[dir=rtl] .widget-container .widget .widget-container-header.has-footer h4 .br, html[dir=rtl] .widget-container .widget .widget-container-header.has-footer .widget-nav .br {
  display: block;
}
html[dir=rtl] .widget-container .widget .widget-container-header select {
  border-color: #ffffff;
  border-bottom-color: #ced4da;
  min-width: 160px;
  padding: 0px;
  margin-left: 10px;
  border-radius: 0px;
}
html[dir=rtl] .widget-container .widget .widget-container-header select:focus, html[dir=rtl] .widget-container .widget .widget-container-header select:active {
  box-shadow: none;
  outline: none;
  border-color: #ced4da;
}
html[dir=rtl] .widget-container .widget .widget-container-body {
  position: relative;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content {
  padding: 0px 15px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .list {
  padding: 0px;
  list-style: none;
  color: #939393;
  width: 100%;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .list .list-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px 0px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .list .list-header label {
  margin: 0px;
  text-align: center;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .list .list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  border-top: 1px solid #ced4da;
  padding: 10px 0px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .list .list-item span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .list .list-item span:hover {
  cursor: pointer;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .list .list-item label {
  margin: 0px;
  text-align: center;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .list .list-item label:hover {
  cursor: pointer;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .list .list-item:hover {
  cursor: pointer;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .list .list-item:hover span {
  color: #012943;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .list .list-item:hover label {
  color: #00b1b7;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.system-info {
  padding: 10px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.system-info .date {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 95px;
  border-left: 1px solid #ced4da;
  height: 100px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.system-info .date .month {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #027d82;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.system-info .date .day {
  font-size: 55px;
  font-weight: 900;
  width: 100%;
  line-height: 56px;
  text-align: center;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.system-info .date .year {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #012943;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.system-info .data {
  padding: 0px 15px;
  padding-left: 0px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.system-info .data h3 {
  font-family: "NeoSansArabic";
  width: 100%;
  font-size: 14px;
  margin: 0px;
  padding: 3px 6px;
  text-align: right;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.system-info .data h3 span {
  color: #a1b32b;
  /*   font-size: 2.5vw; */
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.system-info .data h3:before {
  font-family: FontAwesome;
  margin-left: 5px;
  font-size: 16px;
  display: inline-block;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.system-info .data .time {
  padding: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ced4da;
  padding-top: 0px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.system-info .data .time h3 {
  font-size: 45px;
  font-weight: 100;
  line-height: 50px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.system-info .data .user-data h3 {
  /*white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 170px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.counter-data {
  padding: 10px 15px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.counter-data .icon {
  width: 55px;
  height: 55px;
  font-size: 30px;
  background: #78d0d4;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.counter-data .data {
  padding-right: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.counter-data .data h3 {
  font-weight: 100;
  width: 100%;
  margin: 0;
  font-size: 20px;
  color: #012943;
  text-align: right;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.counter-data .data p {
  font-weight: 300;
  width: 100%;
  margin: 0;
  font-size: 14px;
  color: #939393;
  text-align: right;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.counter-data .data p span {
  margin-left: 5px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.counter-data-lg {
  padding: 15px 10px;
  width: 100%;
  position: absolute;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.counter-data-lg .data p {
  margin: 0px;
  text-transform: uppercase;
  width: 100%;
  text-align: right;
  font-weight: 300;
  color: #012943;
  font-size: 14px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.counter-data-lg .data h3 {
  font-weight: 100;
  color: #939393;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.counter-data-lg .icon {
  font-size: 42px;
  color: #ced4da;
  padding: 5px 10px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.success .icon {
  background: #cbdc5a;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.warning .icon {
  background: #fdc977;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.danger .icon {
  background: #f2a095;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.plan-data {
  padding: 0px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.plan-data .data-set .data-set-item h3, html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.plan-data .data-set .data-set-item p {
  text-align: right;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.plan-data .data-set .data-set-item span {
  font-size: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 5px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .sliders {
  padding-bottom: 10px;
  padding-top: 5px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 5px 0px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item p {
  margin: 0px;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  color: #55585a;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item span {
  margin-right: 10px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #00b1b7;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item .progress {
  width: 100%;
  margin-top: 5px;
  height: 10px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item .progress .current {
  background-color: #00b1b7;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item .progress .latest {
  background-color: #78d0d4;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.success span {
  color: #a1b32b;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.success .progress .current {
  background-color: #a1b32b;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.success .progress .latest {
  background-color: #cbdc5a;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.danger span {
  color: #ff3333;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.danger .progress .current {
  background-color: #ff3333;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.danger .progress .latest {
  background-color: #f2a095;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.warning span {
  color: #efb334;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.warning .progress .current {
  background-color: #efb334;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .sliders .slider-item.warning .progress .latest {
  background-color: #fdc977;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.widget-table {
  padding-bottom: 15px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper {
  padding: 0px 5px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper .datatable-table {
  margin-bottom: 10px;
  height: auto !important;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper .datatable-table .table {
  margin: 0px !important;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper .datatable-table .table thead tr th {
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  margin: 0px;
  color: #55585a;
  font-weight: 700;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper .datatable-table .table tbody tr td {
  padding: 2px !important;
  font-weight: 300;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper .datatable-table .table tbody tr td[tabindex="0"] {
  padding: 10px 2px !important;
  padding-right: 20px !important;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper .datatable-table .table tbody tr .tools-td a {
  margin: 0px !important;
  padding: 3px 5px !important;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper .datatable-footer {
  justify-content: flex-end;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.widget-table .data-table .dataTables_wrapper .datatable-footer .dataTables_paginate {
  width: auto !important;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header {
  padding: 0px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul {
  flex-direction: row;
  border-bottom: 4px solid #ced4da;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li {
  position: relative;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li a {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: transparent;
  text-transform: uppercase;
  font-size: 13px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li a span {
  font-size: 20px;
  font-weight: 900;
  line-height: 1;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li .selected {
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  background: #00b1b7;
  margin-bottom: -4px;
  display: none;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.active-item .selected {
  display: block;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.warning a {
  color: #efb334;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.warning a span {
  color: #efb334;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.warning .selected {
  background: #efb334;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.danger a {
  color: #ff3333;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.danger a span {
  color: #ff3333;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.danger .selected {
  background: #ff3333;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.success a {
  color: #a1b32b;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.success a span {
  color: #a1b32b;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header ul li.success .selected {
  background: #a1b32b;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-header .icon-refresh {
  color: #ffffff;
  background: #00b1b7;
  padding: 12px 14px;
  font-size: 28px;
  border-radius: 5px;
  margin-left: 15px;
  margin-top: 5px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-body {
  padding: 0px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-body .tab-pane .search-form {
  margin: 10px 0px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-body .tab-pane .search-form .form-group {
  padding: 0px;
  margin: 0px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.tabs-content .tabs-content-body .tab-pane .search-form .form-group span {
  position: absolute;
  right: 15px;
  top: 10px;
  color: #939393;
  outline-color: none;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.profile {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  padding: 27px 20px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.profile img {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  border: 8px solid #ffffff;
  margin-bottom: 5px;
  box-shadow: 0px 0px 4px #ced4da;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.profile .profile-data {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.profile .profile-data h4 {
  text-align: center;
  margin: 0px;
  font-weight: 900;
  color: #012943;
  font-size: 25px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.profile .profile-data span {
  text-align: center;
  text-transform: uppercase;
  color: #55585a;
  font-size: 14px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.profile .shift-form {
  padding: 10px 0px 0px 0px;
  border-top: 1px solid #ced4da;
  margin-top: 5px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.profile .shift-form .form-group {
  margin-bottom: 10px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list {
  list-style: none;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-title {
  width: 100%;
  padding: 5px;
  padding-bottom: 0px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-title p {
  text-transform: uppercase;
  text-align: right;
  font-size: 12px;
  margin: 0px;
  color: #55585a;
  width: 100%;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-title.large {
  font-size: 14px !important;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item {
  padding: 3px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item a {
  height: 68px;
  width: 68px;
  background: #ffffff;
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ced4da;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item a:before {
  font-size: 32px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item a:hover, html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item a:focus {
  cursor: pointer;
  border-color: #78d0d4;
  background: #78d0d4;
  color: #ffffff;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item.success a:hover, html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item.success a:focus {
  border-color: #cbdc5a;
  background: #cbdc5a;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item.warning a:hover, html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item.warning a:focus {
  border-color: #fdc977;
  background: #fdc977;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item.danger a:hover, html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item.danger a:focus {
  border-color: #f2a095;
  background: #f2a095;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large {
  padding: 5px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large a {
  position: relative;
  border-radius: 4px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 35px;
  height: 125px;
  width: 125px;
  color: #ffffff;
  background: #78d0d4;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large a span {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  margin: 5px;
  color: #ffffff;
  font-size: 14px;
  font-family: "NeoSansArabic";
  text-align: left;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large a:hover, html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large a:focus {
  background: #00b1b7;
  border-color: #00b1b7;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.success a {
  color: #ffffff;
  background: #cbdc5a;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.success a:hover, html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.success a:focus {
  border-color: #a1b32b;
  background: #a1b32b;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.warning a {
  color: #ffffff;
  background: #fdc977;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.warning a:hover, html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.warning a:focus {
  border-color: #efb334;
  background: #efb334;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.danger a {
  color: #ffffff;
  background: #f2a095;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.danger a:hover, html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .icon-list .icon-list-item-large.danger a:focus {
  border-color: #ff3333;
  background: #ff3333;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .explorer-container {
  padding: 5px 25px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a {
  height: auto !important;
  width: auto !important;
  background: none;
  border: none;
  margin: 0px 15px;
  padding: 0px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a p {
  font-size: 13px;
  text-align: center;
  font-weight: 300;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #939393;
  font-family: "NeoSansArabic";
  min-height: 15px;
  margin-bottom: 0px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a::before {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  transition: transform 0.5s;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a:hover, html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a:focus, html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a:active {
  background: none;
  color: #78d0d4;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a:hover::before, html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a:focus::before, html[dir=rtl] .widget-container .widget .widget-container-body .widget-content .explorer-container .icon-list-item a:active::before {
  transform: scale(1.2);
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.admin-form-container {
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 85px);
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .main-logo-div {
  padding: 60px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .main-logo-div img {
  height: 130px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .admin-program-form .form-div {
  position: relative;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .admin-program-form .form-div span {
  position: absolute;
  right: 0px;
  margin: 12px 15px;
  z-index: 9;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .admin-program-form .form-div select {
  padding-right: 40px !important;
  min-height: 40px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .prog-div {
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .prog-div p {
  margin-right: 15px;
  margin-bottom: 0px;
  font-size: 16px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .prog-div img {
  width: 120px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.admin-form-container .prog-widget-footer {
  align-items: center;
  justify-content: center;
  padding: 15px;
  align-self: flex-end;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.admin-form-container .prog-widget-footer img {
  height: 50px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.admin-form-container .prog-widget-footer p {
  margin-left: 5px;
  margin-bottom: 0px;
  font-weight: 900;
  font-size: 14px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .chart-container .amcharts-main-div .amcharts-chart-div a {
  display: none !important;
}
html[dir=rtl] .widget-container .widget .widget-container-body .chart-container.br-bottom {
  padding-bottom: 10px;
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .widget-container .widget .widget-container-body .data-set {
  padding: 10px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .data-set .data-set-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px 5px;
  padding-top: 5px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .data-set .data-set-item h3 {
  width: 100%;
  color: #55585a;
  text-align: center;
  margin: 0px;
  font-weight: 700;
  font-size: 26px;
}
html[dir=rtl] .widget-container .widget .widget-container-body .data-set .data-set-item p {
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  margin: 0px;
  color: #939393;
}
html[dir=rtl] .widget-container .widget .widget-container-body .data-set .data-set-item.br {
  border-left: 1px solid #ced4da;
}
html[dir=rtl] .widget-container .widget .widget-container-body .data-set .data-set-item.br-bottom {
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .widget-container.no-back .widget {
  background: none;
  border: none;
}
html[dir=rtl] .widget-container.no-back .widget .widget-container-header {
  padding: 15px 5px;
  padding-top: 5px;
}
html[dir=rtl] .widget-container.no-back .widget .widget-container-body .widget-content {
  padding: 0px;
}
html[dir=rtl] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list {
  list-style: none;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
html[dir=rtl] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-title {
  width: 100%;
  padding: 5px;
  padding-bottom: 0px;
}
html[dir=rtl] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-title p {
  text-transform: uppercase;
  text-align: right;
  font-size: 16px;
  margin: 0px;
  color: #000000;
  width: 100%;
  font-weight: 600;
}
html[dir=rtl] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item {
  padding: 3px;
}
html[dir=rtl] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item a {
  height: 68px;
  width: 68px;
  background: #ffffff;
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ced4da;
}
html[dir=rtl] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item a:before {
  font-size: 32px;
}
html[dir=rtl] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item a:hover, html[dir=rtl] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item a:focus {
  cursor: pointer;
  border-color: #78d0d4;
  background: #78d0d4;
  color: #ffffff;
}
html[dir=rtl] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item.success a:hover, html[dir=rtl] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item.success a:focus {
  border-color: #cbdc5a;
  background: #cbdc5a;
}
html[dir=rtl] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item.warning a:hover, html[dir=rtl] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item.warning a:focus {
  border-color: #fdc977;
  background: #fdc977;
}
html[dir=rtl] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item.danger a:hover, html[dir=rtl] .widget-container.no-back .widget .widget-container-body .widget-content .icon-list .icon-list-item.danger a:focus {
  border-color: #f2a095;
  background: #f2a095;
}
html[dir=rtl] .widget-container button {
  padding: 12px;
  margin: 10px 0px;
}
html[dir=rtl] .rt-90 {
  transform: rotate(90deg);
}
html[dir=rtl] .index-data-section {
  padding-bottom: 15px !important;
}
html[dir=rtl] .b-dir {
  border-right: 1px solid #ced4da;
}
html[dir=rtl] .b-op {
  border-left: 1px solid #ced4da;
}
@media only screen and (max-width: 1522px) {
  html[dir=rtl] .widget .system-info .date {
    width: 30% !important;
    padding: 5px 10px !important;
    height: auto !important;
  }
  html[dir=rtl] .widget .system-info .date .month {
    font-size: 14px;
  }
  html[dir=rtl] .widget .system-info .date .day {
    font-size: 38px !important;
    line-height: 38px !important;
  }
  html[dir=rtl] .widget .system-info .data {
    width: 100%;
    padding: 0px 10px !important;
  }
  html[dir=rtl] .widget .system-info .data .time h3 {
    font-size: 30px !important;
    line-height: 35px !important;
  }
  html[dir=rtl] .widget .system-info .data .user-data h3 {
    max-width: 110px !important;
  }
  html[dir=rtl] .widget .system-info .data .user-data h3:before {
    font-size: 14px !important;
  }
}
@media only screen and (max-width: 700px) {
  html[dir=rtl] .widget-container .widget .widget-container-body .widget-content.admin-form-container .form-container .main-logo-div img {
    height: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  html[dir=rtl] .widget .system-info .date {
    width: 95px !important;
    border: none !important;
    border-left: 1px solid #ced4da !important;
    padding: 5px 10px !important;
    height: 100px !important;
  }
  html[dir=rtl] .widget .system-info .date .month {
    font-size: 16px;
  }
  html[dir=rtl] .widget .system-info .date .day {
    font-size: 55px !important;
    line-height: 56px !important;
  }
  html[dir=rtl] .widget .system-info .data {
    width: auto !important;
    padding: 0px 15px !important;
    padding-left: 0px !important;
  }
  html[dir=rtl] .widget .system-info .data .time h3 {
    font-size: 45px !important;
    line-height: 50px !important;
  }
  html[dir=rtl] .widget .system-info .data .user-data h3 {
    max-width: 100% !important;
  }
  html[dir=rtl] .widget .system-info .data .user-data h3:before {
    font-size: 16px !important;
  }
}
html[dir=rtl] .financial-module {
  background: #f0f0f0;
}
html[dir=rtl] .financial-module .a.black {
  color: black;
}
html[dir=rtl] .financial-module .data-container-header {
  padding: 6px;
  background: #f0f0f0;
}
html[dir=rtl] .financial-module .data-container-header .section-header-main {
  padding: 5px 2px;
  /*span{
      width: 40px;
      height: 40px;
      font-size: 24px;
      &:before{
          width: 40px;
          height: 40px;
      } 
      padding: 0px;
  }   */
}
html[dir=rtl] .financial-module .data-container-header .section-header-main span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  font-size: 20px;
}
html[dir=rtl] .financial-module .data-container-header .section-header-main span::before {
  width: 42px;
  height: 42px;
}
html[dir=rtl] .financial-module .data-container-header .section-header-main .data {
  margin-right: 10px;
}
html[dir=rtl] .financial-module .data-container-header .section-header-main .data h4 {
  font-size: 18px;
  line-height: 24px;
  color: #012943;
}
html[dir=rtl] .financial-module .data-container-header .section-header-main .data .breadcrumb .breadcrumb-item {
  font-size: 14px;
}
html[dir=rtl] .financial-module .data-container-header .section-header-main .data .breadcrumb .breadcrumb-item a {
  color: #012943;
  font-size: 14px;
}
html[dir=rtl] .financial-module .data-container-header .section-header-tools {
  padding: 6px 1px;
  margin-bottom: 0px;
  z-index: 1;
  /* background: none; */
  /* padding-left:0px; */
  /* .data-container-body-header-controls{
      a{
          padding: 6px 12px;
          span{
              font-weight: $FW-Regular;
          }
          &::before{
              font-size: 16px;
              margin-left: 10px;
          }
          &.icon-gbtn{
              padding: 8px 10px;
              &:before{
                  font-size: 16px;                            
                  margin-left: 0px;
              }
          }
      }
  }  */
}
html[dir=rtl] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section {
  padding: 0px 5px;
}
html[dir=rtl] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section.br {
  border-left: 1px solid #ced4da;
}
html[dir=rtl] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section .header-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0px;
}
html[dir=rtl] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section .header-input label {
  border: none;
  color: #012943;
  font-weight: 300;
  font-size: 15px;
  padding: 0px 5px;
  font-weight: 900;
}
html[dir=rtl] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section .header-input label:after {
  content: ":";
  margin-right: 10px;
  font-weight: 900;
}
html[dir=rtl] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section .header-input input {
  min-width: auto;
  width: 100px;
  text-align: center;
  background: none;
  box-shadow: none;
  border: none;
  font-weight: 300;
  font-size: 16px;
  border: 1px solid #ced4da;
  margin: 0px 5px;
}
html[dir=rtl] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section a {
  padding: 8px 11px;
  max-height: 35px;
  min-width: 35px;
  font-size: 15px;
}
html[dir=rtl] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section a::before {
  font-size: 15px;
}
html[dir=rtl] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section a.tools-icons {
  padding: 0px;
}
html[dir=rtl] .financial-module .data-container-header .section-header-tools .data-container-body-header-controls .controls-section a.tools-icons::before {
  display: flex;
  font-size: 25px;
  align-items: center;
  justify-content: center;
  height: 19px;
}
html[dir=rtl] .financial-module .data-container-body {
  padding: 0px 6px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main {
  padding-bottom: 6px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-header {
  background: #ffffff;
  border-radius: 6px;
  border-top-right-radius: 6px;
  border: 1px solid #ced4da;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 15px 5px;
  flex-direction: row;
  margin-bottom: 4px;
  position: relative;
  border-top-left-radius: 0px;
  overflow-y: hidden;
  overflow-x: hidden;
  justify-content: center;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-header .header-tools {
  padding: 5px 15px;
  padding-top: 0px;
  border-bottom: 1px solid #ced4da;
  max-width: 99%;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-header .header-tools h6 {
  font-weight: 700;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-header .header-tools .close-search {
  position: absolute;
  left: 0px;
  margin-left: 15px;
  color: #ced4da;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-header .header-tools .close-search:hover, html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-header .header-tools .close-search:active, html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-header .header-tools .close-search:focus {
  color: #ff3333;
  cursor: pointer;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-header .search-container-div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body {
  margin-bottom: 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .grid {
  height: calc(100vh - 145px);
  width: calc(100vw - 100px);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .grid.max100vh-565px {
  height: calc(100vh - 570px);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .grid.max100vh-75vh {
  height: calc(100vh - 75vh);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .grid.max100vh-60vh {
  height: calc(100vh - 60vh);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .grid.max100vh-65vh {
  height: calc(100vh - 65vh);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .grid.max100vh-57vh {
  height: calc(100vh - 57vh);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .grid.max100vh-510px {
  height: calc(100vh - 510px);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main .data-container-body-content-main-body .grid.max100vh-300px {
  height: calc(100vh - 300px);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .data-container-body-content-main-body {
  /*   max-height: calc(100vh - 145px); */
  min-height: calc(100vh - 145px);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main {
  padding-right: 3px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body.search-hide {
  padding: 0px;
  border: none;
  max-height: 0px !important;
  visibility: hidden !important;
  margin-top: -5px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body.search-show {
  margin-top: 0px;
  max-height: 100px !important;
  visibility: visible;
  margin-top: 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body.search-container {
  margin-bottom: 5px;
  border-bottom-left-radius: 0px;
  overflow: hidden;
  -webkit-transition: all 2s ease;
  /* Safari */
  transition: all 2s ease;
  height: auto;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body.search-container .search-container-div .data-desc-header {
  margin-bottom: 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body.search-container .search-container-div .data-desc-header .data-desc-header-content {
  padding-bottom: 0px;
  border: none;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body.search-container .search-container-div .data-desc-header .data-desc-header-content .main-data .form-group {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body.search-container .search-container-div .data-desc-header .data-desc-header-content .main-data button {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  margin-left: 15px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body.after-search {
  max-height: calc(100vh - 240px);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body {
  min-height: calc(100vh - 440px);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body.min-300 {
  min-height: calc(100vh - 300px);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body.min-60vh {
  min-height: calc(100vh - 60vh);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container {
  margin: 0px;
  padding: 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-header h4, html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-header h5 {
  width: unset;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .data-desc-body-container-body-header .data-desc-body-container-body-header-tools {
  margin-right: auto;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav {
  padding: 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item {
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a {
  position: relative;
  color: #012943;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a .tab-indicator {
  height: 4px;
  width: 100%;
  background: #cbdc5a;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  display: none;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a.active {
  background: none;
  color: #a1b32b;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a.active .tab-indicator {
  display: block;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a:hover, html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a:focus, html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a:active {
  color: #a1b32b;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav.br {
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav.br .nav-item {
  border: none;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content {
  padding-left: 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane {
  padding-left: 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane.scrollable {
  max-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner {
  padding: 0px;
  padding-bottom: 0px;
  align-items: flex-start;
  margin: 0px;
  padding-top: 10px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .tab-pane-contatiner-section {
  margin: 10px;
  padding-right: 10px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .tab-pane-contatiner-section.br-side {
  border-left: 1px solid #ced4da;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .imageTag {
  max-height: 25%;
  max-width: 25%;
  min-width: 190px;
  object-fit: contain;
  min-height: 190px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .upload-image-div .imageTag {
  max-height: 25%;
  max-width: 25%;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner h6 {
  font-weight: 900;
  text-align: right;
  border-bottom: 1px solid #ced4da;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid {
  width: 100vw;
  padding: 0px !important;
  margin: 0px !important;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid.h-425 {
  height: 398px !important;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid.h-174 {
  height: 174px !important;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid .ag-root {
  padding: 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-565px {
  height: calc(100vh - 565px);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-75vh {
  height: calc(100vh - 75vh);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-70vh {
  height: calc(100vh - 70vh);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-60h {
  height: calc(100vh - 60vh);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .grid.max100vh-62h {
  height: calc(100vh - 62vh);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .total-input {
  margin: 5px 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner .total-input label {
  margin: 0px !important;
  margin-left: 10px !important;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner {
  padding: 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .vertical-nav {
  padding-left: 10px;
  max-height: 400px;
  overflow-y: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .vertical-nav li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 0px;
  flex-wrap: wrap;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .vertical-nav li a p {
  margin: 0px;
  margin-left: auto;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .vertical-nav li a .total {
  color: #ffffff;
  background: #012943;
  font-size: 14px;
  font-weight: 500;
  padding: 0px 10px;
  border-radius: 15px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .vertical-nav li a.active .total {
  background: #a1b32b !important;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .vertical-nav li.total p {
  font-weight: 600;
  margin: 5px 0px;
  font-size: 14px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .vertical-nav li.total span {
  color: #a1b32b;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .tab-content {
  min-height: 400px;
  border-right: 1px solid #ced4da;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .tab-pane-contatiner.vertical-nav-contatiner .tab-content .tab-pane-contatiner .grid {
  height: calc(100vh - 510px);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .inline-form-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .inline-form-group label:first-child {
  width: auto;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-content .tab-pane .inline-form-group label:first-child:after {
  content: ":";
  margin-right: 10px;
  font-weight: 900;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .control-inline div:last-child input {
  border-right: none;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-footer {
  padding: 10px 0px;
  border-top: 1px solid #ced4da;
  margin: auto;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-footer .data-desc-footer-container .detail-data {
  margin: 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-footer .data-desc-footer-container .data-desc-footer-container-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 15px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .data-container-body-content-main-body .data-desc-footer .data-desc-footer-container .data-desc-footer-container-item label:first-child:after {
  content: ":";
  margin-right: 10px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main.profile-main .tab-content .tab-pane.scrollable {
  max-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main.profile-main .tab-content .tab-pane .data-container-body-content-main-body {
  align-content: flex-start;
  align-items: flex-start;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main.profile-main .tab-content .tab-pane .data-container-body-content-main-body .data-desc-body {
  padding: 0px 15px;
  padding-bottom: 15px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main.profile-main .tab-content .tab-pane .data-container-body-content-main-body:first-child {
  min-height: calc(100vh - 235px);
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main.profile-main .tab-content .tab-pane .data-container-body-content-main-body .data-desc-footer {
  justify-content: flex-end;
  align-items: center;
  align-content: flex-end;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main.profile-main .tab-content .tab-pane .data-container-body-content-main-body .data-desc-footer .form-group label {
  font-size: 17px;
  font-weight: 900;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main.profile-main .tab-content .tab-pane .data-container-body-content-main-body .data-desc-footer .form-group input {
  font-size: 17px;
  font-weight: 900;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .main .main-footer {
  min-height: 85px;
  margin-top: 5px;
  align-content: flex-start;
  align-items: flex-start;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side {
  padding-left: 3px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body {
  min-height: calc(100vh - 145px);
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-header {
  padding-bottom: 8px;
  margin-bottom: 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data {
  align-content: center;
  align-items: center;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data h4 {
  width: auto;
  margin-left: 10px;
  /* padding: 5px 10px;
  border-left:1px solid $BorderColor;
  margin-bottom: 0px; */
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section {
  margin-right: auto;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section .icon-gbtn {
  padding: 5px;
  font-size: 25px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section .icon-gbtn:hover, html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section .icon-gbtn:focus, html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .main-data .controls-section .icon-gbtn:active {
  cursor: pointer;
  color: #efb334;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container {
  padding: 0px 10px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools {
  margin-bottom: 10px;
  padding: 0px;
  border-bottom: 1px solid #ced4da;
  padding-bottom: 7px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link {
  font-family: "NeoSansArabic";
  color: #012943;
  padding: 5px;
  text-align: right;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link::before {
  font-family: FontAwesome;
  margin-left: 10px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link:first-child {
  border-left: 1px solid #ced4da;
  padding: 5px;
  padding-left: 10px;
  margin-left: 10px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link:hover, html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link:focus, html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tree-tools .r-link:active {
  cursor: pointer;
  color: #a1b32b;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-group {
  margin-bottom: 0.7rem;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .form-group .search-icon {
  position: absolute;
  top: 0;
  left: 0;
  margin: 10px 12px;
  font-size: 16px;
  color: #ced4da;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body {
  padding: 0px 15px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header {
  padding: 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 15px 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img {
  background: #f0f0f0;
  border-radius: 6px;
  width: 115px;
  height: 115px;
  position: relative;
  border: 10px solid #ffffff;
  box-shadow: 0px 0px 9px #ced4da;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img .icon {
  color: rgba(1, 41, 67, 0.85);
  font-size: 60px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  z-index: 5;
  cursor: pointer;
  box-shadow: 0px 0px 9px #ced4da;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img img {
  border-radius: 6px;
  width: 115px;
  height: 115px;
  object-fit: cover;
  z-index: 20;
  box-shadow: 0px 0px 9px #ced4da;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  display: none;
  z-index: 10;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img .overlay:before {
  color: #ffffff;
  font-size: 50px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img:hover, html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img:focus, html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img:active {
  cursor: pointer;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img:hover .overlay, html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img:focus .overlay, html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-img:active .overlay {
  display: flex;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-data {
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0px 15px;
  flex-direction: column;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-data p {
  margin: 0px;
  margin-bottom: 5px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: "OpenSans";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-data p:before {
  color: #00b1b7;
  margin-left: 10px;
  font-size: 16px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-data p.fa:before {
  font-family: FontAwesome;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-data h3 {
  margin: 0px;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container {
  padding: 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav {
  padding: 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item {
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a {
  position: relative;
  color: #012943;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a .tab-indicator {
  height: 4px;
  width: 100%;
  background: #cbdc5a;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  display: none;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a.active {
  background: none;
  color: #a1b32b;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a.active .tab-indicator {
  display: block;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a:hover, html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a:focus, html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav .nav-item a:active {
  color: #a1b32b;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav.br {
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .nav.br .nav-item {
  border: none;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner {
  padding: 0px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .vertical-nav {
  padding-left: 5px;
  max-height: calc(100vh - 315px);
  min-height: calc(100vh - 315px);
  overflow-y: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .vertical-nav li {
  width: 100%;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .vertical-nav li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 0px;
  flex-wrap: wrap;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .vertical-nav li a p {
  margin: 0px;
  margin-left: auto;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 100;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .vertical-nav li a .total {
  color: #ffffff;
  background: #012943;
  font-size: 14px;
  font-weight: 500;
  padding: 0px 10px;
  border-radius: 15px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .vertical-nav li a.active .total {
  background: #a1b32b !important;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .vertical-nav li.total p {
  font-weight: 600;
  margin: 5px 0px;
  font-size: 14px;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .vertical-nav li.total span {
  color: #a1b32b;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .tab-content {
  min-height: 400px;
  border-right: 1px solid #ced4da;
}
html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .side.profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .vertical-nav-contatiner .tab-content .tab-pane-contatiner .grid {
  height: calc(100vh - 510px);
}
html[dir=rtl] .br-side {
  border-left: 1px solid #ced4da;
}
html[dir=rtl] .bl-side {
  border-right: 1px solid #ced4da;
}
html[dir=rtl] .TimeSheet {
  border: 1px solid #ced4da;
  color: #00111d;
  border-radius: 4px;
}
html[dir=rtl] .TimeSheet .td {
  border: 1px solid #ced4da;
  text-align: center;
}
html[dir=rtl] .TimeSheet .TimeSheet-cell-selected {
  background-color: #496ca6 !important;
}
html[dir=rtl] .TimeSheet .TimeSheet-cell-selecting {
  background-color: #00b1b7 !important;
}
html[dir=rtl] #wrap {
  width: 1100px;
  margin: 0 auto;
}
html[dir=rtl] #external-events {
  float: right;
  width: 200px;
  height: 600px;
  overflow: auto;
  padding: 0 15px 0 15px;
  border: 1px solid #ccc;
  background: #eee;
  text-align: center;
}
html[dir=rtl] #external-events h4 {
  font-size: 16px;
  margin-top: 0;
  padding-top: 5px;
  text-align: center;
}
html[dir=rtl] #external-events h5 {
  font-size: 14px;
  margin-top: 0;
  padding-top: 0.5em;
  text-align: right;
}
html[dir=rtl] #external-events .fc-event {
  margin: 10px 0;
  cursor: pointer;
}
html[dir=rtl] #external-events p {
  margin: 1.5em 0;
  font-size: 11px;
  color: #666;
}
html[dir=rtl] #external-events p input {
  margin: 0;
  vertical-align: middle;
}
html[dir=rtl] #external-events .external-events-list {
  max-height: 110px;
  overflow: auto;
  margin: 10px 0px;
  margin-top: 0;
  padding: 0px 5px;
  border: 2px solid #ced4da;
}
html[dir=rtl] #external-events .custom-checkbox label {
  color: #000 !important;
}
html[dir=rtl] #external-events .custom-checkbox label::before {
  border: 2px solid #ced4da !important;
}
html[dir=rtl] #calendar {
  float: left;
  width: 900px;
  max-height: 600px;
  height: 600px;
  padding: 15px;
  overflow: auto;
  overflow-x: auto;
}
html[dir=rtl] .modal-xl {
  max-width: 1200px;
}
@media only screen and (max-width: 1640px) {
  html[dir=rtl] .profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content {
    flex-direction: column;
    align-items: center !important;
  }
  html[dir=rtl] .profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-data {
    margin-top: 10px;
    flex-basis: inherit !important;
    align-items: center !important;
  }
  html[dir=rtl] .profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-pane-contatiner .vertical-nav {
    max-height: calc(100vh - 430px) !important;
    min-height: calc(100vh - 430px) !important;
  }
}
@media only screen and (max-width: 992px) {
  html[dir=rtl] .financial-module {
    padding-top: 0;
  }
  html[dir=rtl] .financial-module .data-container {
    height: calc(100vh - 121px);
  }
  html[dir=rtl] .financial-module .data-container .gird {
    height: 100vh !important;
  }
}
@media only screen and (max-width: 1199px) {
  html[dir=rtl] .financial-module .data-container-body .data-container-body-content .data-container-body-content-main.split-container .data-container-body-content-main-body {
    height: auto !important;
  }
  html[dir=rtl] .financial-module .gird {
    height: calc(100vh - 201px);
  }
  html[dir=rtl] .main {
    padding-right: 0px !important;
  }
  html[dir=rtl] .main .data-container-body-content-main-body {
    max-height: unset;
    height: auto !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  html[dir=rtl] .side {
    padding-left: 0px !important;
    padding-bottom: 5px;
  }
  html[dir=rtl] .side .data-container-body-content-main-body {
    height: auto !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  html[dir=rtl] .profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content {
    flex-direction: row;
    align-items: flex-start !important;
  }
  html[dir=rtl] .profile-side .data-container-body-content-main-body .data-desc-header .data-desc-header-content .profile-data {
    margin-top: 0px;
    flex-basis: 0 !important;
    align-items: flex-start !important;
  }
  html[dir=rtl] .profile-side .data-container-body-content-main-body .data-desc-body .data-desc-body-container .data-desc-body-container-body .tab-pane-contatiner .vertical-nav {
    max-height: unset !important;
    min-height: unset !important;
  }
}
html[dir=rtl] .ag-theme-balham {
  background: none;
}
html[dir=rtl] .ag-theme-balham.h-390 {
  height: calc(100vh - 390px) !important;
}
html[dir=rtl] .ag-theme-balham.h-500 {
  height: calc(100vh - 500px) !important;
}
html[dir=rtl] .ag-theme-balham.Max100vh-600 {
  height: calc(100vh - 600px) !important;
}
html[dir=rtl] .ag-theme-balham.no-side .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar {
  display: none !important;
}
html[dir=rtl] .ag-theme-balham.no-br .ag-root-wrapper .ag-root-wrapper-body .ag-root {
  border: none !important;
}
html[dir=rtl] .ag-theme-balham.auto-height .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport {
  height: 100% !important;
  width: 100% !important;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body {
  direction: rtl !important;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root {
  border: 1px solid #ced4da;
  background: #ffffff;
  padding: 10px;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-header {
  background: none;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-header .ag-header-viewport {
  direction: rtl;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-header .ag-header-cell[col-id=tools] .ag-header-select-all {
  display: none !important;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-header .ag-header-cell[col-id=tools] .ag-cell-label-container {
  display: flex;
  align-content: center;
  justify-content: center;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-header .ag-header-cell[col-id=tools] .ag-cell-label-container .ag-header-icon {
  display: none !important;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-header .ag-header-cell[col-id=tools] .ag-cell-label-container .ag-header-cell-label {
  display: flex;
  align-content: center;
  justify-content: center;
  text-align: center;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-header .ag-header-cell .tools-table-header .ag-header-cell-label {
  justify-content: center;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-header .ag-header-cell-label .ag-header-cell-text {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "NeoSansArabic";
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport {
  direction: rtl;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row-group a {
  display: none;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row {
  direction: rtl;
  text-align: right;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell {
  direction: rtl !important;
  text-align: right !important;
  font-family: "NeoSansArabic";
  padding: 0px !important;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a {
  color: #939393;
  font-size: 16px;
  margin: 0px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a:before {
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a:hover, html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a:focus, html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a:active {
  color: #012943;
  cursor: pointer;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a.success {
  color: #a1b32b;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a.default {
  color: #00b1b7;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a.warning {
  color: #efb334;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .tools-div a.danger {
  color: #ff3333;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.ag-cell-focus {
  border: none;
  background: #ced4da;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell[col-id=ag-Grid-AutoColumn] {
  direction: rtl !important;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell .grid-control-div {
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell {
  padding: 0px;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell .form-group {
  margin: 0px;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell .form-group input[type=text] {
  border: none;
  font-size: 14px;
  border-radius: 0px;
  background: none;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell .form-group input[type=number] {
  border: none;
  padding: 0px 6px !important;
  font-size: 14px;
  border-radius: 0px;
  background: none;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell .form-group select {
  padding: 0 !important;
  height: 28px;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.autocomplete-cell .form-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
    html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.autocomplete-cell .form-group a {
        font-size: 16px;
        color: #00b1b7;
        margin: 0px 10px;
        position: absolute;
        right: auto;
        left: 0;
    }
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.autocomplete-cell .form-group a:hover, html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.autocomplete-cell .form-group a:focus, html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.autocomplete-cell .form-group a:active {
  color: #012943;
  cursor: pointer;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.autocomplete-cell .form-group input[type=text] {
  border: none;
  padding: 4px 6px;
  font-size: 14px;
  border-radius: 0px;
  background: none;
  width: 93%;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.fdatepicker .form-group {
  display: flex;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.fdatepicker .form-group input[type=text] {
  border: none;
  padding: 4px 6px;
  font-size: 14px;
  border-radius: 0px;
  background: none;
  width: 93%;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.DropList .form-group {
  display: flex;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.input-cell.DropList .form-group select {
  border: none;
  padding: 4px 6px;
  font-size: 14px;
  border-radius: 0px;
  background: none;
  width: 93%;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.icon-cell {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.icon-cell.icon-only {
  justify-content: center;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.icon-cell .icon-cell-div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.icon-cell .icon-cell-div a {
  font-size: 18px;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.icon-cell .icon-cell-div a.success {
  color: #a1b32b;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.icon-cell .icon-cell-div a.default {
  color: #00b1b7;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.icon-cell .icon-cell-div a.warning {
  color: #efb334;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.icon-cell .icon-cell-div a.danger {
  color: #ff3333;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.check-cell {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.check-cell .ag-cell-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell.check-cell .ag-cell-wrapper .ag-icon {
  margin: 0px;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row.ag-row-odd {
  background-color: #fbfbfb;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row.ag-row-selected {
  background: #c4ecf3;
  color: #027d82;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-full-width-viewport-wrapper .ag-full-width-viewport .ag-full-width-container .ag-row {
  direction: rtl;
  text-align: right;
  padding-right: 10px;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-full-width-viewport-wrapper .ag-full-width-viewport .ag-full-width-container .ag-row .ag-cell {
  direction: rtl !important;
  text-align: right !important;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-body .ag-full-width-viewport-wrapper .ag-full-width-viewport .ag-full-width-container .ag-row.ag-row-odd {
  background-color: #fbfbfb;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-floating-bottom .ag-floating-bottom-viewport {
  direction: rtl !important;
  text-align: right;
  font-size: 14px;
  font-family: "NeoSansArabic";
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-floating-bottom .ag-floating-bottom-viewport .ag-floating-bottom-container .ag-row {
  background: #cbdc5a;
  color: #ffffff;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-floating-bottom .ag-floating-bottom-viewport .ag-floating-bottom-container .ag-row .ag-cell {
  padding: 0px;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-floating-bottom .ag-floating-bottom-viewport .ag-floating-bottom-container .ag-row .ag-cell .form-group {
  margin: 0px;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-floating-bottom .ag-floating-bottom-viewport .ag-floating-bottom-container .ag-row .ag-cell .form-group input[type=text] {
  border: none;
  padding: 0px 6px !important;
  font-size: 14px;
  border-radius: 0px;
  background: none;
  color: #ffffff;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-floating-bottom .ag-floating-bottom-viewport .ag-floating-bottom-container .ag-row .ag-cell .form-group input[type=number] {
  border: none;
  padding: 0px 6px !important;
  font-size: 14px;
  border-radius: 0px;
  background: none;
  color: #ffffff;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-floating-bottom .ag-floating-bottom-viewport .ag-floating-bottom-container .ag-row .ag-cell .form-group input {
  pointer-events: none;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-root .ag-floating-bottom .ag-floating-bottom-viewport .ag-floating-bottom-container .tools {
  display: none;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border: 1px solid #ced4da;
  background: #ffffff;
  padding: 0px 0px 0px 5px;
  margin-left: 3px;
  padding-bottom: 0px;
}
html[dir=rtl] .ag-row .ag-cell .custom-checkbox label {
    margin-right: 5px !important;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar .ag-tool-panel-wrapper {
  border: none;
  border-right: 1px solid #ced4da;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar .ag-tool-panel-wrapper .ag-column-panel .ag-column-select-panel .ag-primary-cols-header-panel {
  direction: rtl;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar .ag-tool-panel-wrapper .ag-column-panel .ag-column-tool-panel-column {
  direction: rtl;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar .ag-tool-panel-wrapper .ag-column-panel .ag-column-drop:last-child {
  border-bottom: none;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar .ag-side-buttons {
  border-bottom: none;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar .ag-column-drop-title, html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-root-wrapper-body .ag-side-bar .ag-column-drop-empty-message {
  text-align: right;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-status-bar {
  border: none;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-paging-panel {
  border: 1px solid #ced4da;
  background: #ffffff;
  margin-top: 6px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 10px;
}
html[dir=rtl] .ag-theme-balham .ag-root-wrapper .ag-paging-panel .ag-paging-row-summary-panel {
  direction: rtl;
}
html[dir=rtl] .ag-theme-balham .ag-menu {
  z-index: 999999999999;
  /* .ag-menu-list{

  } */
}
html[dir=rtl] .ag-theme-balham .ag-menu .ag-tab-header {
  background: #cbdc5a;
  /*  .tabBody{

   } */
}
html[dir=rtl] .ag-rtl .ag-numeric-cell {
  text-align: right !important;
}
@media Print {
  html[dir=rtl] .grid {
    height: 100% !important;
  }
  html[dir=rtl] .grid .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row {
    direction: rtl;
  }
  html[dir=rtl] .grid .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row .ag-cell {
    direction: rtl !important;
    text-align: right !important;
  }
  html[dir=rtl] .grid .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container .ag-row.ag-row-odd {
    background-color: #fbfbfb;
  }
  html[dir=rtl] .grid .ag-body .ag-full-width-viewport-wrapper .ag-full-width-viewport .ag-full-width-container .ag-row {
    direction: rtl;
    direction: rtl;
    text-align: right;
    padding-right: 10px;
  }
  html[dir=rtl] .grid .ag-body .ag-full-width-viewport-wrapper .ag-full-width-viewport .ag-full-width-container .ag-row .ag-cell {
    direction: rtl !important;
    text-align: right !important;
  }
  html[dir=rtl] .grid .ag-body .ag-full-width-viewport-wrapper .ag-full-width-viewport .ag-full-width-container .ag-row.ag-row-odd {
    background-color: #fbfbfb;
  }
}
html[dir=rtl] .page {
  margin: 0 auto;
}
html[dir=rtl] .pt {
  padding-top: 70px;
}
html[dir=rtl] .mt {
  margin-top: 6rem;
}
html[dir=rtl] .invoice-wrapper {
  width: 100vw;
  /* height: 100vh; */
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
html[dir=rtl] .invoice-wrapper.hasback {
  background-image: url("../../Content/Images/bg1.png");
  background-size: cover;
}
html[dir=rtl] .invoice-wrapper .header {
  background: rgba(251, 251, 251, 0.7);
  align-content: center;
  justify-content: center;
}
html[dir=rtl] .invoice-wrapper .header header {
  padding: 0px;
  position: relative;
}
html[dir=rtl] .invoice-wrapper .header header .logo {
  z-index: 99;
  padding: 15px;
  padding-top: 10px;
  margin-bottom: 5px;
}
html[dir=rtl] .invoice-wrapper .header header .logo img {
  width: 135px;
  height: auto;
}
html[dir=rtl] .invoice-wrapper .header header .logo2 {
  display: flex;
  justify-content: flex-start;
  z-index: 99;
  padding: 15px;
  padding-top: 10px;
  margin-bottom: 5px;
  align-content: center;
}
html[dir=rtl] .invoice-wrapper .header header .logo2 img {
  width: auto;
  height: 100px;
}
html[dir=rtl] .invoice-wrapper .header header .Details {
  display: flex;
  padding: 0;
  margin: 0;
  text-align: left;
  align-content: center;
}
html[dir=rtl] .invoice-wrapper .header header .Details p {
  margin-bottom: 0;
  color: #a1b32b;
  font-weight: 900;
}
html[dir=rtl] .invoice-wrapper .header header .Details p.address {
  font-size: 23px;
}
html[dir=rtl] .invoice-wrapper .header header .Details p.HeaderTitle {
  font-weight: 600;
  color: #193b7b;
  font-size: 30px;
}
html[dir=rtl] .invoice-wrapper .header header .data .title {
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Tajawal;
}
html[dir=rtl] .invoice-wrapper .header header .data .title.alignStart {
  justify-content: flex-start !important;
}
html[dir=rtl] .invoice-wrapper .header header .data .title h1 {
  font-weight: 900;
  color: #ffffff;
  font-size: 50px;
  padding: 13px 15px 0px 0px;
}
html[dir=rtl] .invoice-wrapper .header header .data .title h2 {
  font-weight: 900;
  color: #ffffff;
  font-size: 40px;
  padding: 13px 15px 0px 0px;
}
html[dir=rtl] .invoice-wrapper .header header .data .invoice-info {
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html[dir=rtl] .invoice-wrapper .header header .data .invoice-info p {
  text-align: right;
  margin-bottom: 0px;
}
html[dir=rtl] .invoice-wrapper .header header .header-block {
  border-top: 85px solid #f0f0f0;
  border-left: 55px solid transparent;
  height: 0;
  width: 90%;
  position: absolute;
  z-index: 10;
}
html[dir=rtl] .invoice-wrapper .header header .header-block.success {
  border-top: 105px solid #dbec68;
  border-left: 65px solid transparent;
  margin-right: -10px;
  margin-top: -10px;
  z-index: 11;
}
html[dir=rtl] .invoice-wrapper header {
  padding: 0px;
  position: relative;
}
html[dir=rtl] .invoice-wrapper header .logo {
  z-index: 99;
  padding: 15px 0px !important;
  margin-bottom: 0px;
}
html[dir=rtl] .invoice-wrapper header .logo.trans {
  padding: 5px 0px !important;
}
html[dir=rtl] .invoice-wrapper header .logo img {
  height: auto;
  max-height: 65px;
  object-fit: contain;
}
html[dir=rtl] .invoice-wrapper header .logo-new img {
  max-height: 150px;
  object-fit: contain;
}
html[dir=rtl] .invoice-wrapper header .logo2 {
  display: flex;
  justify-content: flex-start;
  z-index: 99;
  padding: 15px;
  padding-top: 10px;
  margin-bottom: 5px;
  align-content: center;
}
html[dir=rtl] .invoice-wrapper header .logo2 img {
  width: 300px;
  height: auto;
}
html[dir=rtl] .invoice-wrapper header .Details {
  display: flex;
  padding: 0;
  margin: 0;
  text-align: left;
  align-content: center;
}
html[dir=rtl] .invoice-wrapper header .Details p {
  margin-bottom: 0;
  color: #a1b32b;
  font-weight: 900;
}
html[dir=rtl] .invoice-wrapper header .Details p.address {
  font-size: 23px;
}
html[dir=rtl] .invoice-wrapper header .Details p.HeaderTitle {
  font-weight: 600;
  color: #193b7b;
  font-size: 30px;
}
html[dir=rtl] .invoice-wrapper header .data {
  display: flex;
  align-content: center;
}
html[dir=rtl] .invoice-wrapper header .data .title {
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: NeoSansArabic;
}
html[dir=rtl] .invoice-wrapper header .data .title .receiptno {
  display: flex;
  text-align: center;
  align-items: center;
}
html[dir=rtl] .invoice-wrapper header .data .title .receipttitle {
  display: flex;
  text-align: center;
  align-items: center;
}
html[dir=rtl] .invoice-wrapper header .data .title.alignStart {
  justify-content: flex-start !important;
}
html[dir=rtl] .invoice-wrapper header .data .title h1 {
  font-weight: 900;
  color: #000;
  font-size: 50px;
  padding: 0px 15px 25px 0px;
}
html[dir=rtl] .invoice-wrapper header .data .title h2 {
  font-weight: 900;
  color: #000;
  font-size: 40px;
  padding: 0px 15px 25px 0px;
}
html[dir=rtl] .invoice-wrapper header .data .title h3 {
  font-weight: 600;
  color: #000;
  font-family: "NeoSansArabic" !important;
  font-size: 40px;
  padding: 13px 15px 0px 0px;
}
html[dir=rtl] .invoice-wrapper header .data .title h3.hasTitle {
  padding: 13px 0px 0px 0px;
}
html[dir=rtl] .invoice-wrapper header .data .title p.hasTitle {
  font-family: "NeoSansArabic" !important;
}
html[dir=rtl] .invoice-wrapper header .data .invoice-info {
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 700;
}
html[dir=rtl] .invoice-wrapper header .data .invoice-info p {
  text-align: right;
  margin-bottom: 0px;
}
html[dir=rtl] .invoice-wrapper header .data .invoice-info .invoice-info-data {
  padding-bottom: 60px;
}
html[dir=rtl] .invoice-wrapper header .header-block {
  border-top: 85px solid #f0f0f0;
  border-left: 55px solid transparent;
  height: 0;
  width: 90%;
  position: absolute;
  z-index: 10;
}
html[dir=rtl] .invoice-wrapper header .header-block.success {
  border-top: 105px solid #dbec68;
  border-left: 65px solid transparent;
  margin-right: -10px;
  margin-top: -10px;
  z-index: 11;
}
html[dir=rtl] .invoice-wrapper .invoice-body {
  padding: 0px;
  margin-top: 0px;
  justify-content: center;
  min-height: calc(80vh - 267px);
  align-content: flex-start;
}
html[dir=rtl] .invoice-wrapper .invoice-body .title {
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 15px 0px 0px !important;
}
html[dir=rtl] .invoice-wrapper .invoice-body .title.alignStart {
  justify-content: flex-start !important;
}
html[dir=rtl] .invoice-wrapper .invoice-body .title p {
  font-weight: 900;
  color: #012943;
  font-size: 25px;
  padding: 3px;
  margin-top: 20px;
  text-align: center;
  padding-bottom: 0px;
}
html[dir=rtl] .invoice-wrapper .invoice-body .sub-header {
  padding: 30px 15px 30px 15px;
  justify-content: center;
  border: 2px solid #000;
  border-radius: 25px;
}
html[dir=rtl] .invoice-wrapper .invoice-body .sub-header.pPatient {
  padding: 7px 15px 30px 15px !important;
  background: none;
}
html[dir=rtl] .invoice-wrapper .invoice-body .sub-header .sub-header-title {
  padding-bottom: 2px;
  margin-bottom: 10px;
}
html[dir=rtl] .invoice-wrapper .invoice-body .sub-header .sub-header-title h3 {
  position: relative;
  z-index: 15;
}
html[dir=rtl] .invoice-wrapper .invoice-body .sub-header .sub-header-title .sub-header-block {
  border-top: 55px solid #f0f0f0;
  border-left: 55px solid transparent;
  height: 0;
  width: 25%;
  position: absolute;
  top: 0;
  z-index: 10;
}
html[dir=rtl] .invoice-wrapper .invoice-body .sub-header .sub-header-title .sub-header-block.success {
  border-top: 56 solid #dbec68;
  border-left: 50 solid transparent;
  margin-right: -10px;
  margin-top: -10px;
  z-index: 0;
}
html[dir=rtl] .invoice-wrapper .invoice-body .sub-header p {
  color: #000;
  font-weight: 700;
  text-align: right;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
}
html[dir=rtl] .invoice-wrapper .invoice-body table thead tr th {
  text-align: center;
  background: #c4ecf3 !important;
  font-weight: 700;
  border-color: #ffffff !important;
  padding: 15px 0px;
}
html[dir=rtl] .invoice-wrapper .invoice-body table tbody tr td {
  text-align: center;
  font-weight: 300;
  border-color: #ffffff !important;
  background: #ffffff !important;
}
html[dir=rtl] .invoice-wrapper .invoice-body h5 {
  text-align: center;
  font-weight: 600;
  color: rgba(0, 177, 183, 0.85);
  margin-bottom: 15px;
}
html[dir=rtl] .invoice-wrapper .invoice-body h5.head {
  text-align: right;
  color: white;
  padding: 15px;
}
html[dir=rtl] .invoice-wrapper .invoice-body .container-fluid h5 {
  text-align: center;
  font-weight: 600;
  color: rgba(0, 177, 183, 0.85);
  margin-bottom: 15px;
}
html[dir=rtl] .invoice-wrapper .invoice-body .container-fluid h5.head {
  text-align: right;
  color: #000;
  padding: 15px;
  z-index: 15;
}
html[dir=rtl] .invoice-wrapper .invoice-body .container-fluid .sub-header-block {
  border-top: 55px solid #f0f0f0;
  border-left: 55px solid transparent;
  height: 0;
  width: 25%;
  position: absolute;
  top: 0;
  z-index: 10;
}
html[dir=rtl] .invoice-wrapper .invoice-body .container-fluid .sub-header-block.success {
  border-top: 56 solid #dbec68;
  border-left: 50 solid transparent;
  margin-right: -30px;
  margin-top: 0px;
  z-index: 6;
}
html[dir=rtl] .invoice-wrapper .invoice-body .container-fluid .main-data .form-group .details.detail-data input {
  color: #000 !important;
}
html[dir=rtl] .invoice-wrapper .invoice-body .DetailsBody {
  border: 3px #ced4da solid;
  padding: 25px;
  margin-bottom: 20px;
}
html[dir=rtl] .invoice-wrapper .invoice-body .DetailsBody .details {
  display: flex;
  align-items: center;
}
html[dir=rtl] .invoice-wrapper .invoice-body .DetailsBody .details .English {
  justify-content: flex-end;
  text-align: left;
}
html[dir=rtl] .invoice-wrapper .invoice-body .DetailsBody .details .English span {
  Padding: 0px 20px 0px 20px;
  font-weight: 600;
}
html[dir=rtl] .invoice-wrapper .invoice-body .DetailsBody .details .Arabic {
  justify-content: flex-start;
  text-align: right;
}
html[dir=rtl] .invoice-wrapper .invoice-body .DetailsBody .details .Arabic span {
  Padding: 0px 20px 0px 20px;
  font-weight: 600;
}
html[dir=rtl] .invoice-wrapper .invoice-body .DetailsBody .details .Data {
  justify-content: center;
  color: #000;
  text-align: center;
  font-weight: 600;
}
html[dir=rtl] .invoice-wrapper .invoice-body .doctor-signature {
  margin-top: 100px;
}
html[dir=rtl] .invoice-wrapper .sub-footer {
  padding: 25px;
}
html[dir=rtl] .invoice-wrapper .sub-footer .signature p {
  text-align: right;
  margin-bottom: 0px;
}
html[dir=rtl] .invoice-wrapper .sub-footer .sub-footer-title {
  padding-bottom: 2px;
  margin-bottom: 10px;
}
html[dir=rtl] .invoice-wrapper .sub-footer .sub-footer-title h3 {
  position: relative;
  z-index: 15;
}
html[dir=rtl] .invoice-wrapper .sub-footer .sub-footer-title .sub-footer-block {
  border-top: 55px solid #f0f0f0;
  border-left: 55px solid transparent;
  height: 0;
  width: 25%;
  position: absolute;
  top: 0;
  z-index: 10;
}
html[dir=rtl] .invoice-wrapper .sub-footer .sub-footer-title .sub-footer-block.success {
  border-top: 56 solid #dbec68;
  border-left: 50 solid transparent;
  margin-right: -10px;
  margin-top: -10px;
  z-index: 0;
}
html[dir=rtl] .invoice-wrapper .sub-footer .totals .totals-container {
  display: flex;
  justify-content: flex-end;
}
html[dir=rtl] .invoice-wrapper .sub-footer .totals .totals-container p {
  text-align: right;
  margin-bottom: 0px;
}
html[dir=rtl] .invoice-wrapper .sub-footer .totals .totals-container p.success {
  color: #a1b32b;
}
html[dir=rtl] .invoice-wrapper .sub-footer .totals .totals-container p.danger {
  color: #ff3333;
}
html[dir=rtl] .invoice-wrapper .sub-footer .totals .totals-container img#QrImg {
  height: auto;
  max-height: 65px;
  object-fit: contain;
}
html[dir=rtl] .invoice-wrapper footer {
  align-items: center;
  position: relative;
  min-height: 62px;
  padding: 0px;
}
html[dir=rtl] .invoice-wrapper footer .footer-block {
  border-bottom: 75px solid #f0f0f0;
  border-right: 85px solid transparent;
  height: 0;
  width: 80%;
  position: absolute;
  z-index: 10;
  left: 0px;
  bottom: 0px;
}
html[dir=rtl] .invoice-wrapper footer .footer-block.blue {
  border-bottom: 62px solid #3fb0d4;
  border-right: 73px solid transparent;
  width: 75%;
  z-index: 11;
}
html[dir=rtl] .invoice-wrapper footer .footer-block.white {
  border-bottom: 75px solid #ffffff;
  width: 82%;
  z-index: 8;
}
html[dir=rtl] .invoice-wrapper footer .flat-block {
  width: 100%;
  height: 25px;
  background: #a9a9a9;
  position: absolute;
  bottom: 0px;
}
html[dir=rtl] .invoice-wrapper footer .main-footer {
  z-index: 15;
  align-items: center;
}
html[dir=rtl] .invoice-wrapper footer .main-footer .thanks {
  padding-bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .invoice-wrapper footer .main-footer .footer-data {
  margin-right: 500px;
}
html[dir=rtl] .invoice-wrapper footer .main-footer .footer-data .footer-data-div p {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  color: #ffffff;
}
html[dir=rtl] .invoice-wrapper footer .main-footer .footer-data .footer-data-div p.pres-new {
  color: #000;
  text-align: left;
  font-weight: 600;
  font-size: large;
}
html[dir=rtl] .invoice-wrapper .data-container-header {
  padding: 0px;
}
html[dir=rtl] .invoice-wrapper.receipt .notes {
  padding: 10px 40px;
  text-align: right;
  width: 100%;
  margin: 0px;
}
html[dir=rtl] .invoice-wrapper.general-receipt header .logo {
  padding: 15px;
}
html[dir=rtl] .invoice-wrapper.general-receipt .invoice-body {
  min-height: unset;
  margin-top: 0px;
}
html[dir=rtl] .invoice-wrapper.general-receipt .invoice-body .sub-header {
  background: none;
  padding: 35px 0px;
  margin: 30px 0px;
  justify-content: flex-start;
  margin-bottom: 0px;
}
html[dir=rtl] .invoice-wrapper.general-receipt .invoice-body .sub-header p {
  text-align: right;
  color: #000;
  margin-bottom: 15px;
  font-weight: 700;
  margin-right: unset;
  margin-left: unset;
}
html[dir=rtl] .invoice-wrapper.general-receipt .invoice-body .sub-header p.pres-new {
  color: #000;
}
html[dir=rtl] .invoice-wrapper.general-receipt .invoice-body .sub-header p span {
  font-weight: 300;
}
html[dir=rtl] .invoice-wrapper.general-receipt .invoice-body .sub-header p.signature {
  margin: 25px 0px 10px 0px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header {
  align-content: flex-start;
  justify-content: center;
  padding: 20px 0px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .total-amount {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 15px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .total-amount p {
  margin: 0px;
  padding: 10px 0px;
  min-width: 250px;
  border: 1px solid #ced4da;
  text-align: center;
  font-size: 22px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .total-amount span {
  margin-right: 15px;
  text-align: center;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 25px;
  padding: 0px 20px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .data-row-item-label {
  min-width: 150px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .data-row-item-label p {
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .data-row-item-label p span {
  text-align: start;
  font-weight: 900;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .data-row-item-label p span:last-child {
  font-weight: 100;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .data-row-item-label p span.bold {
  font-weight: 900;
  color: #00b1b7 !important;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .data-row-item-label p:first-child {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item.no-p-side {
  padding-left: 0px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item.no-p-side .data-row-item-label {
  min-width: unset;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item.has-check .data-row-item-label {
  min-width: unset;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item p {
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  /*text-overflow: ellipsis;*/
  font-weight: 100;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item p.bold {
  font-weight: 900;
  color: rgba(1, 41, 67, 0.85) !important;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .checkbox {
  width: 25px;
  height: 25px;
  border-radius: 8px;
  border: 2px solid #ced4da;
  margin-left: 15px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .checkbox.checked {
  background: #a1b32b;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .checkbox.checked:before {
  content: "";
  color: #ffffff;
  font: normal normal normal 14px/1 FontAwesome;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
  font-size: 15px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .Notes {
  margin: 25px auto 25px auto;
  height: 20vh;
  width: 100%;
  border-radius: 15px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .Notes ol li p {
  padding: 5px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .Notes.border {
  border: 2px solid #000;
}
html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .br-bottom {
  border-bottom: 2px solid #ced4da;
  margin-bottom: 30px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer {
  padding: 0px;
  padding-bottom: 25px !important;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 25px;
  padding: 0px 20px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .data-row-item-label {
  min-width: 150px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .data-row-item-label p {
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .data-row-item-label p span {
  text-align: center;
  font-weight: 900;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .data-row-item-label p span.bold {
  font-weight: 900 !important;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .data-row-item-label p span.alignstart {
  text-align: right;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .data-row-item-label p span:last-child {
  font-weight: 100;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .data-row-item-label p:first-child {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item.no-p-side {
  padding-left: 0px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item.no-p-side .data-row-item-label {
  min-width: unset;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item.has-check .data-row-item-label {
  min-width: unset;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item p {
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: start;
  font-weight: 100;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item p.bold {
  font-weight: 900;
  color: rgba(1, 41, 67, 0.85) !important;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item p span {
  text-align: center;
  font-weight: 900;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .checkbox {
  width: 25px;
  height: 25px;
  border-radius: 8px;
  border: 2px solid #ced4da;
  margin-left: 15px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .Notes {
  margin: 25px auto 25px auto;
  height: 40vh;
  width: 100%;
  border-radius: 15px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .data-row .data-row-item .Notes ol li p {
  padding: 5px;
}
html[dir=rtl] .invoice-wrapper.receipt-document .sub-footer .br-bottom {
  border-bottom: 2px solid #ced4da;
  margin-bottom: 30px;
}
html[dir=rtl] .invoice-wrapper .main-data .label-data {
  font-weight: 600;
  font-size: 15px;
}
html[dir=rtl] .seglno {
  text-orientation: mixed;
  writing-mode: vertical-lr;
  position: absolute;
  left: 2%;
  top: 30%;
  bottom: auto;
}
@media print {
  html[dir=rtl] html,
html[dir=rtl] body,
html[dir=rtl] .page {
    padding: 0;
    margin: 0;
    -moz-transform: scale(1);
  }
  html[dir=rtl] .page {
    width: 420px;
    height: 595px;
    page-break-after: always;
  }
  html[dir=rtl] .seglno {
    text-orientation: mixed;
    writing-mode: vertical-lr;
    position: absolute;
    left: 2%;
    top: 10%;
    bottom: auto;
  }
  html[dir=rtl] #footer {
    position: fixed;
    bottom: 0;
  }
  html[dir=rtl] .col-print-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  html[dir=rtl] .col-print-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  html[dir=rtl] .col-print-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  html[dir=rtl] .col-print-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  html[dir=rtl] .invoice-wrapper {
    width: 100% !important;
    height: 100% !important;
    transform: translateX(-6%);
  }
  html[dir=rtl] .invoice-wrapper header .data .alignStart {
    justify-content: flex-start !important;
  }
  html[dir=rtl] .invoice-wrapper header .data .alignStart h1 {
    font-size: 45px;
  }
  html[dir=rtl] .invoice-wrapper header .data .alignStart h2 {
    font-size: 40px;
  }
  html[dir=rtl] .invoice-wrapper header .data .alignStart h3 {
    font-size: 40px;
    padding: 13px 15px 0px 0px;
  }
  html[dir=rtl] .invoice-wrapper header .data .invoice-info .invoice-info-data {
    padding-bottom: 0;
  }
  html[dir=rtl] .invoice-wrapper header .data .title h3 {
    color: #000 !important;
    -webkit-print-color-adjust: exact;
    font-size: 30px;
    padding: 0px 0px 0px 0px;
  }
  html[dir=rtl] .invoice-wrapper header .data .title h1 {
    color: #000 !important;
    -webkit-print-color-adjust: exact;
  }
  html[dir=rtl] .invoice-wrapper header .header-block {
    border-top: 85px solid #f0f0f0 !important;
    border-left: 55px solid transparent !important;
    -webkit-print-color-adjust: exact;
    width: 97%;
  }
  html[dir=rtl] .invoice-wrapper header .header-block.success {
    border-top: 105px solid #dbec68 !important;
    border-left: 65px solid transparent !important;
    -webkit-print-color-adjust: exact;
  }
  html[dir=rtl] .invoice-wrapper .invoice-body {
    min-height: 8.5cm;
  }
  html[dir=rtl] .invoice-wrapper .invoice-body .sub-header {
    padding: 11px 15px 11px 15px;
    -webkit-print-color-adjust: exact;
    margin-top: 15px;
  }
  html[dir=rtl] .invoice-wrapper .invoice-body table thead tr th {
    padding: 10px 0px;
    font-size: 19px;
    background: #c4ecf3 !important;
    -webkit-print-color-adjust: exact;
  }
  html[dir=rtl] .invoice-wrapper .invoice-body h5.head {
    text-align: right;
    color: white;
    background-color: #3fb0d4 !important;
    -webkit-print-color-adjust: exact;
    padding: 15px;
  }
  html[dir=rtl].receipt-document .invoice-body .sub-header {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  html[dir=rtl].receipt-document .invoice-body .sub-header .data-row .data-row-item .data-row-item-label {
    min-width: unset !important;
  }
  html[dir=rtl].receipt-document .invoice-body .sub-header .data-row .data-row-item.no-p-side {
    padding-right: 5px !important;
  }
  html[dir=rtl].receipt-document .invoice-body .sub-header .data-row .data-row-item.no-p-side p:last-child {
    min-width: 105px !important;
    max-width: 105px !important;
  }
  html[dir=rtl] .sub-footer {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  html[dir=rtl] footer .flat-block {
    background: #dbec68 !important;
    -webkit-print-color-adjust: exact;
  }
  html[dir=rtl] footer .main-footer .footer-data {
    margin-right: 235px !important;
  }
  html[dir=rtl] footer .main-footer .footer-data .footer-data-div p {
    text-align: center !important;
    color: #ffffff !important;
    -webkit-print-color-adjust: exact;
    font-size: 14px;
  }
  html[dir=rtl] footer .main-footer .thanks {
    padding-bottom: 15px;
  }
  html[dir=rtl] footer .main-footer .thanks p {
    margin-bottom: 0;
  }
  html[dir=rtl] footer .footer-block.blue {
    border-bottom: 73px solid #3fb0d4 !important;
    -webkit-print-color-adjust: exact;
  }
  html[dir=rtl] footer .footer-block.blue.invoice-footer-blue {
    width: 90%;
  }
  html[dir=rtl] footer .footer-block {
    border-bottom: 85px solid #f0f0f0 !important;
    -webkit-print-color-adjust: exact;
  }
  html[dir=rtl] footer .footer-block.invoice-footer-block {
    width: 92%;
  }
  html[dir=rtl] .data-container-header {
    display: none !important;
  }
}
html[dir=rtl] .fixedBottom {
  position: absolute;
  bottom: 0;
}
html[dir=rtl] .fixedBottom .main-footer .footer-data .footer-data-div p {
  font-size: 0.78rem;
  margin: 0px 25px;
}
html[dir=rtl] .sub-footer .signature p {
  font-size: 0.8rem;
  margin-bottom: 15px;
}
html[dir=rtl] .sub-footer .totals .totals-container p {
  font-size: 0.8rem;
  margin-bottom: 15px;
}
@media only screen and (max-width: 610px) {
  html[dir=rtl] .invoice-wrapper .header header .logo2 img {
    height: 85px !important;
  }
}
@media only screen and (max-width: 960px) {
  html[dir=rtl] .invoice-wrapper {
    font-size: 14px;
  }
  html[dir=rtl] .invoice-wrapper header .data .title h3 {
    font-size: 35px !important;
    padding: 0 15px 0 0;
  }
  html[dir=rtl] .invoice-wrapper.receipt-document .invoice-body .sub-header .data-row .data-row-item .data-row-item-label {
    min-width: 40px;
  }
  html[dir=rtl] .invoice-wrapper footer .main-footer .footer-data .footer-data-div p {
    text-align: center;
  }
}
html[dir=rtl] .invoice-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .invoice-wrapper.print-wrap .header {
  background: none;
}
html[dir=rtl] .invoice-wrapper.print-wrap .header header {
  background: none;
}
html[dir=rtl] .invoice-wrapper.print-wrap .header header .Details p {
  color: #000;
}
html[dir=rtl] .invoice-wrapper.print-wrap .header header .Details p.HeaderTitle {
  color: #000;
}
html[dir=rtl] .invoice-wrapper.print-wrap header {
  flex: 0 0 98% !important;
}
html[dir=rtl] .invoice-wrapper.print-wrap header .data .title h3 {
  color: #000;
  padding: 0px 15px 0px 0px;
}
html[dir=rtl] .invoice-wrapper.print-wrap header .logo img {
  margin-top: 5px;
}
html[dir=rtl] .invoice-wrapper.print-wrap header .header-block {
  display: none;
}
html[dir=rtl] .invoice-wrapper.print-wrap .invoice-body {
  margin-top: 0px;
}
html[dir=rtl] .invoice-wrapper.print-wrap .invoice-body h5 {
  color: #000 !important;
}
html[dir=rtl] .invoice-wrapper.print-wrap .invoice-body .DetailsBody {
  border: 3px #000 solid;
}
html[dir=rtl] .invoice-wrapper.print-wrap .invoice-body .DetailsBody .details .Data {
  color: #000 !important;
}
html[dir=rtl] .invoice-wrapper.print-wrap .invoice-body .sub-header {
  background: none;
  padding-bottom: 30px;
}
html[dir=rtl] .invoice-wrapper.print-wrap .invoice-body .sub-header p {
  color: #000;
}
html[dir=rtl] .invoice-wrapper.print-wrap .sub-footer .totals .totals-container p,
html[dir=rtl] .invoice-wrapper.print-wrap .sub-footer .totals .totals-container span {
  color: #000 !important;
}
html[dir=rtl] .invoice-wrapper.print-wrap .main-footer .main-data-footer footer {
  border: none;
}
html[dir=rtl] .invoice-wrapper.print-wrap .main-footer .main-data-footer footer div {
  display: none;
}
html[dir=rtl] .invoice-wrapper.print-wrap footer {
  border-top: 1px solid #000;
  flex: 0 0 98% !important;
}
html[dir=rtl] .invoice-wrapper.print-wrap footer .footer-block,
html[dir=rtl] .invoice-wrapper.print-wrap footer .flat-block {
  display: none;
}
html[dir=rtl] .invoice-wrapper.print-wrap footer .main-footer .footer-data .footer-data-div p {
  color: #000;
}
html[dir=rtl] .invoice-wrapper.print-wrap footer .main-footer .thanks {
  padding: 0px;
}
html[dir=rtl] .invoice-wrapper.print-wrap footer .main-footer .thanks p {
  margin: 0px;
}
@media print {
  @page {
    html[dir=rtl] {
      size: portrait;
      -moz-transform: scale(70%, 70%);
    }
  }
  html[dir=rtl] .table {
    margin-bottom: 0.25rem;
  }
}
html[dir=rtl] .list-tree {
  list-style: none;
  padding: 0px;
}
html[dir=rtl] .list-tree ul {
  list-style: none;
  margin-right: 6px;
  border-right: 1px solid #ced4da;
  padding-right: 10px;
}
html[dir=rtl] .list-tree li {
  font-family: "NeoSansArabic";
}
html[dir=rtl] .list-tree .list-tree-item[data-hasChildren=false] .list-tree-item-a {
  font-weight: 300;
}
html[dir=rtl] .list-tree .list-tree-item[data-hasChildren=false] .list-tree-item-a::before {
  color: #012943;
}
html[dir=rtl] .list-tree .list-tree-item.selected {
  background: #f0f0f0;
}
html[dir=rtl] .list-tree .list-tree-item .list-tree-item-a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 5px;
  font-family: "NeoSansArabic";
  color: #012943;
  transition: transform 0.2s;
  font-weight: 700;
  font-size: 14px;
}
html[dir=rtl] .list-tree .list-tree-item .list-tree-item-a:hover {
  transform: scale(1.04);
}
html[dir=rtl] .list-tree .list-tree-item .list-tree-item-a::before {
  font-family: FontAwesome;
  margin-left: 10px;
  color: #efb334;
}
html[dir=rtl] .tree-container {
  direction: rtl;
  text-align: right;
  width: 100%;
}
html[dir=rtl] .tree-container {
  max-height: calc(100vh - 330px);
  overflow-y: auto;
  overflow-x: hidden;
}
html[dir=rtl] .jstree-icon::before {
  font-family: FontAwesome;
  font-style: normal;
}
html[dir=rtl] .jstree-icon.fa-folder {
  color: #efb334;
}
html[dir=rtl] .add-new-root:hover, html[dir=rtl] .add-new-root:focus, html[dir=rtl] .add-new-root:active {
  cursor: pointer;
  color: #a1b32b !important;
}
html[dir=rtl] .jstree-wholerow-clicked {
  background: #f0f0f0;
}
html[dir=rtl] .jstree-search {
  color: #027d82;
  font-weight: 300;
  font-style: inherit;
}
html[dir=rtl] .vakata-context {
  background: #fff;
  z-index: 10000000000000000;
}
html[dir=rtl] .vakata-context li {
  text-align: right;
}
html[dir=rtl] .vakata-context li a {
  text-align: right;
  font-size: 14px;
  padding: 2px 2em;
  padding-right: 10px;
  line-height: 1.9em;
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .vakata-context li a i {
  height: auto;
}
html[dir=rtl] .vakata-context li a .vakata-contextmenu-sep {
  height: auto;
}
html[dir=rtl] .vakata-context li:last-child a {
  border: none;
}
html[dir=rtl] .root {
  color: #027d82;
}
@media only screen and (max-width: 1200px) {
  html[dir=rtl] .tree-container {
    max-height: unset;
    overflow-y: hidden;
    overflow-x: hidden;
  }
}
html[dir=rtl] .block-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 30;
}
html[dir=rtl] .block-overlay.un-blocked {
  animation-name: BlockerVanish;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
html[dir=rtl] .block-overlay.blocked {
  animation-name: BlockerShow;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
html[dir=rtl] .focused-item {
  position: relative !important;
  z-index: 999 !important;
}
html[dir=rtl] .focused-item::after {
  content: "";
  border: 3px solid #efb334;
  border-radius: 2px;
  z-index: 1;
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  margin: 0px;
}
html[dir=rtl] .focused-item input {
  z-index: 10;
}
html[dir=rtl] .focused-item .helper-content {
  animation-name: HelperShow;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
html[dir=rtl] .unfocused-item .helper-content {
  animation-name: HelperVanish;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
html[dir=rtl] .helper-content {
  opacity: 0;
  position: absolute;
  background: #ffffff;
  margin-top: 12px;
  min-width: 350px;
  border-radius: 4px;
  padding: 0px 5px;
  bottom: -160px;
}
html[dir=rtl] .helper-content .helper-content-anchor {
  color: #ffffff;
  position: absolute;
  right: 50% !important;
  left: auto !important;
  transform: translate(-50%, 0) !important;
  top: -16px;
  font-size: 25px;
  z-index: 5;
}
html[dir=rtl] .helper-content .helper-content-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 10px;
  border-bottom: 1px solid #ced4da;
}
html[dir=rtl] .helper-content .helper-content-header h4 {
  font-size: 16px;
  font-weight: 700;
  margin: 0px;
}
html[dir=rtl] .helper-content .helper-content-body {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 10px;
}
html[dir=rtl] .helper-content .helper-content-body h4 {
  display: none;
}
html[dir=rtl] .helper-content .helper-content-body p {
  font-size: 14px;
  font-weight: 300;
  margin: 0px;
  text-align: center;
  width: 100%;
}
html[dir=rtl] .helper-content .helper-content-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  padding-top: 5px;
}
html[dir=rtl] .helper-content .helper-content-footer button {
  padding: 5px 16px !important;
  font-size: 14px !important;
  margin: 0px !important;
}
html[dir=rtl] .helper-content.no-header {
  bottom: -145px;
}
html[dir=rtl] .helper-content.no-header .helper-content-header {
  display: none;
}
html[dir=rtl] .helper-content.no-header .helper-content-body {
  justify-content: flex-start;
}
html[dir=rtl] .helper-content.no-header .helper-content-body h4 {
  display: block;
  font-weight: 900;
  margin: 0px;
  text-align: right;
  width: 100%;
  padding-bottom: 5px;
}
html[dir=rtl] .helper-content.no-header .helper-content-body p {
  text-align: right;
}
html[dir=rtl] .helper-content.no-header .helper-content-footer {
  justify-content: flex-end;
}
html[dir=rtl] .helper-content.no-header.no-footer {
  bottom: -100px;
}
html[dir=rtl] .helper-content.no-footer .helper-content-footer {
  display: none;
}
@keyframes HelperVanish {
  0% {
    opacity: 1;
    visibility: visible;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes HelperShow {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes BlockerVanish {
  0% {
    opacity: 1;
    visibility: visible;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes BlockerShow {
  0% {
    opacity: 0;
    visibility: visible;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
html[dir=rtl] .datepicker {
  padding: 0px !important;
}
html[dir=rtl] .datepicker .datepicker-days .table-condensed thead tr {
  background: #00b1b7;
}
html[dir=rtl] .datepicker .datepicker-days .table-condensed thead tr th {
  color: #ffffff;
  border-radius: 0px !important;
  width: 40px !important;
  height: 40px !important;
}
html[dir=rtl] .datepicker .datepicker-days .table-condensed thead tr th:hover {
  color: #012943;
  background: #00b1b7 !important;
}
html[dir=rtl] .datepicker .datepicker-days .table-condensed thead tr th.disabled {
  visibility: visible !important;
  background: #027d82;
  color: #012943;
  pointer-events: none;
}
html[dir=rtl] .datepicker .datepicker-days .table-condensed thead tr:nth-child(2) th {
  width: auto;
}
html[dir=rtl] .datepicker .datepicker-days .table-condensed tbody tr td {
  width: 40px !important;
  height: 40px !important;
  border-radius: 0px !important;
}
html[dir=rtl] .datepicker .datepicker-days .table-condensed tbody tr td.active {
  background: #00b1b7 !important;
  border-radius: 40px !important;
}
html[dir=rtl] .datepicker .datepicker-days .table-condensed tbody:before {
  content: "_";
  display: block;
  line-height: 5px;
  color: transparent;
}
html[dir=rtl] .datepicker .datepicker-months .table-condensed thead tr {
  background: #00b1b7;
}
html[dir=rtl] .datepicker .datepicker-months .table-condensed thead tr th {
  color: #ffffff;
  border-radius: 0px !important;
  width: 40px !important;
  height: 40px !important;
}
html[dir=rtl] .datepicker .datepicker-months .table-condensed thead tr th:hover {
  color: #012943;
  background: #00b1b7 !important;
}
html[dir=rtl] .datepicker .datepicker-months .table-condensed thead tr th.disabled {
  visibility: visible !important;
  background: #027d82;
  color: #012943;
  pointer-events: none;
}
html[dir=rtl] .datepicker .datepicker-months .table-condensed thead tr:nth-child(2) th:nth-child(2) {
  width: 200px !important;
}
html[dir=rtl] .datepicker .datepicker-months .table-condensed tbody tr td span {
  border-radius: 0px !important;
}
html[dir=rtl] .datepicker .datepicker-months .table-condensed tbody tr td span.active {
  background: #00b1b7 !important;
  border-radius: 4px !important;
  color: #ffffff;
}
html[dir=rtl] .datepicker .datepicker-months .table-condensed tbody tr td span.focused {
  background: #78d0d4 !important;
  border-radius: 4px !important;
  color: #ffffff;
}
html[dir=rtl] .datepicker .datepicker-years .table-condensed thead tr {
  background: #00b1b7;
}
html[dir=rtl] .datepicker .datepicker-years .table-condensed thead tr th {
  color: #ffffff;
  border-radius: 0px !important;
  width: 40px !important;
  height: 40px !important;
}
html[dir=rtl] .datepicker .datepicker-years .table-condensed thead tr th:hover {
  color: #012943;
  background: #00b1b7 !important;
}
html[dir=rtl] .datepicker .datepicker-years .table-condensed thead tr th.disabled {
  visibility: visible !important;
  background: #027d82;
  color: #012943;
  pointer-events: none;
}
html[dir=rtl] .datepicker .datepicker-years .table-condensed thead tr:nth-child(2) th:nth-child(2) {
  width: 200px !important;
}
html[dir=rtl] .datepicker .datepicker-years .table-condensed tbody tr td span {
  border-radius: 0px !important;
}
html[dir=rtl] .datepicker .datepicker-years .table-condensed tbody tr td span.active {
  background: #00b1b7 !important;
  border-radius: 4px !important;
  color: #ffffff;
}
html[dir=rtl] .datepicker .datepicker-years .table-condensed tbody tr td span.focused {
  background: #78d0d4 !important;
  border-radius: 4px !important;
  color: #ffffff;
}
html[dir=rtl] .datepicker .datepicker-decades .table-condensed thead tr {
  background: #00b1b7;
}
html[dir=rtl] .datepicker .datepicker-decades .table-condensed thead tr th {
  color: #ffffff;
  border-radius: 0px !important;
  width: 40px !important;
  height: 40px !important;
}
html[dir=rtl] .datepicker .datepicker-decades .table-condensed thead tr th:hover {
  color: #012943;
  background: #00b1b7 !important;
}
html[dir=rtl] .datepicker .datepicker-decades .table-condensed thead tr th.disabled {
  visibility: visible !important;
  background: #027d82;
  color: #012943;
  pointer-events: none;
}
html[dir=rtl] .datepicker .datepicker-decades .table-condensed thead tr:nth-child(2) th:nth-child(2) {
  width: 200px !important;
}
html[dir=rtl] .datepicker .datepicker-decades .table-condensed tbody tr td span {
  border-radius: 0px !important;
}
html[dir=rtl] .datepicker .datepicker-decades .table-condensed tbody tr td span.active {
  background: #00b1b7 !important;
  border-radius: 4px !important;
  color: #ffffff;
}
html[dir=rtl] .datepicker .datepicker-decades .table-condensed tbody tr td span.focused {
  background: #78d0d4 !important;
  border-radius: 4px !important;
  color: #ffffff;
}
html[dir=rtl] .datepicker .datepicker-centuries .table-condensed thead tr {
  background: #00b1b7;
}
html[dir=rtl] .datepicker .datepicker-centuries .table-condensed thead tr th {
  color: #ffffff;
  border-radius: 0px !important;
  width: 40px !important;
  height: 40px !important;
}
html[dir=rtl] .datepicker .datepicker-centuries .table-condensed thead tr th:hover {
  color: #012943;
  background: #00b1b7 !important;
}
html[dir=rtl] .datepicker .datepicker-centuries .table-condensed thead tr th.disabled {
  visibility: visible !important;
  background: #027d82;
  color: #012943;
  pointer-events: none;
}
html[dir=rtl] .datepicker .datepicker-centuries .table-condensed thead tr:nth-child(2) th:nth-child(2) {
  width: 200px !important;
}
html[dir=rtl] .datepicker .datepicker-centuries .table-condensed tbody tr td span {
  border-radius: 0px !important;
}
html[dir=rtl] .datepicker .datepicker-centuries .table-condensed tbody tr td span.active {
  background: #00b1b7 !important;
  border-radius: 4px !important;
  color: #ffffff;
}
html[dir=rtl] .datepicker .datepicker-centuries .table-condensed tbody tr td span.focused {
  background: #78d0d4 !important;
  border-radius: 4px !important;
  color: #ffffff;
}
html[dir=rtl] .datepicker.dropdown-menu {
  right: initial;
}
html[dir=rtl] .datepicker:before {
  border-bottom-color: #00b1b7;
  z-index: 10;
}
html[dir=rtl] .dir-15 .datepicker {
  right: 15px !important;
}
html[dir=rtl] .collapse-theme .data-container-body-content-main-body {
  margin-bottom: 5px !important;
}
html[dir=rtl] .collapse-theme .data-container-body-content-main-body .data-desc-body {
  height: auto !important;
  min-height: 0px !important;
}
html[dir=rtl] .collapse-theme .data-container-body-content-main-body .data-desc-body .data-desc-body-content .main-data {
  padding-top: 10px;
  padding-right: 10px;
}
html[dir=rtl] .collapse-theme .data-container-body-content-main-body .data-desc-body .data-desc-body-content .main-data .main-data-header a {
  font-size: 18px;
  font-weight: 600;
}
html[dir=rtl] .collapse-theme .data-container-body-content-main-body .data-desc-body .data-desc-body-content .main-data .main-data-header a:hover, html[dir=rtl] .collapse-theme .data-container-body-content-main-body .data-desc-body .data-desc-body-content .main-data .main-data-header a:active, html[dir=rtl] .collapse-theme .data-container-body-content-main-body .data-desc-body .data-desc-body-content .main-data .main-data-header a:focus {
  color: #00b1b7;
  cursor: pointer;
}
html[dir=rtl] .collapse-theme .data-container-body-content-main-body .data-desc-body .data-desc-body-content .main-data .main-data-header h4 {
  margin-left: auto;
  font-size: 18px;
  font-weight: 600;
  text-align: right;
  margin-bottom: 0px;
}
html[dir=rtl] .collapse-theme .data-container-body-content-main-body .data-desc-body .data-desc-body-content .main-data .main-data-body .form-group {
  margin-bottom: 1.5rem;
}
html[dir=rtl] .jstree-default-rtl li, html[dir=rtl] .jstree-default-rtl ins {
  background-image: url(d.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
html[dir=rtl] .jstree-default-rtl li {
  background-repeat: repeat-y;
  background-image: url(dots.gif);
  background-position: 100% 0;
}
html[dir=rtl] .jstree-default-rtl .jstree-open > ins {
  background-position: -72px 0;
}
html[dir=rtl] .jstree-default-rtl .jstree-closed > ins {
  background-position: -54px 0;
}
html[dir=rtl] .jstree-default-rtl .jstree-leaf > ins {
  background-position: -36px 0;
}
html[dir=rtl] .jstree-default-rtl .jstree-hovered {
  background: #e7f4f9;
  border: 1px solid #d8f0fa;
  padding: 0 2px 0 1px;
}
html[dir=rtl] .jstree-default-rtl .jstree-clicked {
  background: #beebff;
  border: 1px solid #99defd;
  padding: 0 2px 0 1px;
}
html[dir=rtl] .jstree-default-rtl a .jstree-icon {
  background-position: -56px -19px;
}
html[dir=rtl] .jstree-default-rtl a.jstree-loading .jstree-icon {
  background: url(throbber.gif) center center no-repeat !important;
}
html[dir=rtl] .jstree-default-rtl .jstree-no-dots .jstree-open > ins {
  background-position: -18px 0;
}
html[dir=rtl] .jstree-default-rtl .jstree-no-dots .jstree-closed > ins {
  background-position: 0 0;
}
html[dir=rtl] .jstree-default-rtl .jstree-no-icons a .jstree-icon {
  display: none;
}
html[dir=rtl] .jstree-default-rtl .jstree-search {
  font-style: italic;
}
html[dir=rtl] .jstree-default-rtl .jstree-no-icons .jstree-checkbox {
  display: inline-block;
}
html[dir=rtl] .jstree-default-rtl .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}
html[dir=rtl] .jstree-default-rtl .jstree-checked > a > .jstree-checkbox {
  background-position: -36px -19px;
  margin-left: 2px;
}
html[dir=rtl] .jstree-default-rtl .jstree-unchecked > a > .jstree-checkbox {
  background-position: 0 -19px;
  margin-left: 2px;
}
html[dir=rtl] .jstree-default-rtl .jstree-undetermined > a > .jstree-checkbox {
  background-position: -18px -19px;
  margin-left: 2px;
}
html[dir=rtl] .jstree-default-rtl .jstree-checked > a > .jstree-checkbox:hover {
  background-position: -36px -37px;
}
html[dir=rtl] .jstree-default-rtl .jstree-unchecked > a > .jstree-checkbox:hover {
  background-position: 0 -37px;
}
html[dir=rtl] .jstree-default-rtl .jstree-undetermined > a > .jstree-checkbox:hover {
  background-position: -18px -37px;
}
html[dir=rtl] #vakata-dragged.jstree-default-rtl ins {
  background: transparent !important;
}
html[dir=rtl] #vakata-dragged.jstree-default-rtl .jstree-ok {
  background: url(d.png) -2px -53px no-repeat !important;
}
html[dir=rtl] #vakata-dragged.jstree-default-rtl .jstree-invalid {
  background: url(d.png) -18px -53px no-repeat !important;
}
html[dir=rtl] #jstree-marker.jstree-default-rtl {
  background: url(d.png) -41px -57px no-repeat !important;
  text-indent: -100px;
}
html[dir=rtl] .jstree-default-rtl a.jstree-search {
  color: aqua;
}
html[dir=rtl] .jstree-default-rtl .jstree-locked a {
  color: silver;
  cursor: default;
}
html[dir=rtl] #vakata-contextmenu.jstree-default-rtl-context, html[dir=rtl] #vakata-contextmenu.jstree-default-rtl-context li ul {
  background: #f0f0f0;
  border: 1px solid #979797;
  -moz-box-shadow: 1px 1px 2px #999;
  -webkit-box-shadow: 1px 1px 2px #999;
  box-shadow: 1px 1px 2px #999;
}
html[dir=rtl] #vakata-contextmenu.jstree-default-rtl-context a {
  color: #000;
}
html[dir=rtl] #vakata-contextmenu.jstree-default-rtl-context a:hover, html[dir=rtl] #vakata-contextmenu.jstree-default-rtl-context .vakata-hover > a {
  background: #e8eff7;
  border: 1px solid #aecff7;
  color: #000;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 0 5px;
}
html[dir=rtl] #vakata-contextmenu.jstree-default-rtl-context li.jstree-contextmenu-disabled a, html[dir=rtl] #vakata-contextmenu.jstree-default-rtl-context li.jstree-contextmenu-disabled a:hover {
  color: silver;
  background: transparent;
  border: 0;
  padding: 1px 4px;
}
html[dir=rtl] #vakata-contextmenu.jstree-default-rtl-context li.vakata-separator {
  background: #FFF;
  border-top: 1px solid #e0e0e0;
  margin: 0;
}
html[dir=rtl] #vakata-contextmenu.jstree-default-rtl-context li ul {
  margin-left: -4px;
}
html[dir=rtl] .jstree-default-rtl li, html[dir=rtl] .jstree-default-rtl ins, html[dir=rtl] #vakata-dragged.jstree-default-rtl .jstree-invalid, html[dir=rtl] #vakata-dragged.jstree-default-rtl .jstree-ok, html[dir=rtl] #jstree-marker.jstree-default-rtl {
  _background-image: url(d.gif);
}
html[dir=rtl] .jstree-default-rtl .jstree-open ins {
  float: right;
  margin-left: 2px;
  _background-position: -72px 0;
}
html[dir=rtl] .jstree-default-rtl .jstree-closed ins {
  float: right;
  margin-left: 2px;
  _background-position: -54px 0;
}
html[dir=rtl] .jstree-default-rtl .jstree-leaf ins {
  float: right;
  margin-left: 2px;
  _background-position: -36px 0;
}
html[dir=rtl] .jstree-default-rtl a ins.jstree-icon {
  float: right;
  margin-left: 2px;
  _background-position: -56px -19px;
}
html[dir=rtl] #vakata-contextmenu.jstree-default-rtl-context ins {
  _display: none;
}
html[dir=rtl] #vakata-contextmenu.jstree-default-rtl-context li {
  _zoom: 1;
}
html[dir=rtl] .jstree-default-rtl .jstree-undetermined a .jstree-checkbox {
  _background-position: -18px -19px;
}
html[dir=rtl] .jstree-default-rtl .jstree-checked a .jstree-checkbox {
  _background-position: -36px -19px;
}
html[dir=rtl] .jstree-default-rtl .jstree-unchecked a .jstree-checkbox {
  _background-position: 0 -19px;
}
html[dir=rtl] .jstree-default-rtl .jstree-hovered, html[dir=rtl] .jstree-default-rtl .jstree-clicked {
  padding: 0 1px 0 2px;
}
html[dir=rtl] li.jstree-open {
  position: relative;
}
html[dir=rtl] li.jstree-open ul li {
  margin-right: 45px;
}
html[dir=rtl] div#tree > ul > li.jstree-open > ul {
  margin-right: 10px;
  clear: both;
}
html[dir=rtl] .jstree-default-rtl li.jstree-last, html[dir=rtl] .jstree-default-rtl .jstree-no-dots li, html[dir=rtl] .jstree-default-rtl .jstree-no-dots .jstree-leaf > ins {
  background: transparent;
}
html[dir=rtl] .arrow-left:before {
  content: "";
}
html[dir=rtl] .arrow-right:before {
  content: "";
}
html[dir=rtl] .chev-left:before {
  content: "";
}
html[dir=rtl] .chev-right:before {
  content: "";
}

.company-name {
  color: #ced4da !important;
}

.devider-x {
  border-top: 1px solid #ced4da;
  width: 100%;
  margin: 10px 0px;
}

/*# sourceMappingURL=Styles.css.map */