@charset "UTF-8";/* Collection default theme */

.ReactVirtualized__Collection {
}

.ReactVirtualized__Collection__innerScrollContainer {
}

/* Grid default theme */

.ReactVirtualized__Grid {
}

.ReactVirtualized__Grid__innerScrollContainer {
}

/* Table default theme */

.ReactVirtualized__Table {
}

.ReactVirtualized__Table__Grid {
}

.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ReactVirtualized__Table__row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px;
}
.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}
.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: flex;
  align-items: center;
}
.ReactVirtualized__Table__sortableHeaderIcon {
  flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}

/* List default theme */

.ReactVirtualized__List {
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNvdXJjZS9zdHlsZXMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZCQUE2Qjs7QUFFN0I7QUFDQTs7QUFFQTtBQUNBOztBQUVBLHVCQUF1Qjs7QUFFdkI7QUFDQTs7QUFFQTtBQUNBOztBQUVBLHdCQUF3Qjs7QUFFeEI7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0VBQ0UsZ0JBQWdCO0VBQ2hCLHlCQUF5QjtFQUN6QixhQUFhO0VBQ2IsbUJBQW1CO0VBQ25CLG1CQUFtQjtBQUNyQjtBQUNBO0VBQ0UsYUFBYTtFQUNiLG1CQUFtQjtFQUNuQixtQkFBbUI7QUFDckI7O0FBRUE7RUFDRSxxQkFBcUI7RUFDckIsZUFBZTtFQUNmLG1CQUFtQjtFQUNuQix1QkFBdUI7RUFDdkIsZ0JBQWdCO0FBQ2xCOztBQUVBOztFQUVFLGtCQUFrQjtFQUNsQixjQUFjO0FBQ2hCO0FBQ0E7RUFDRSx1QkFBdUI7RUFDdkIsbUJBQW1CO0FBQ3JCOztBQUVBOztFQUVFLGlCQUFpQjtBQUNuQjtBQUNBO0VBQ0UsZUFBZTtBQUNqQjs7QUFFQTtFQUNFLGFBQWE7RUFDYixtQkFBbUI7QUFDckI7QUFDQTtFQUNFLGNBQWM7RUFDZCxXQUFXO0VBQ1gsVUFBVTtFQUNWLGtCQUFrQjtBQUNwQjs7QUFFQSx1QkFBdUI7O0FBRXZCO0FBQ0EiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIENvbGxlY3Rpb24gZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fQ29sbGVjdGlvbiB7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19Db2xsZWN0aW9uX19pbm5lclNjcm9sbENvbnRhaW5lciB7XG59XG5cbi8qIEdyaWQgZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fR3JpZCB7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19HcmlkX19pbm5lclNjcm9sbENvbnRhaW5lciB7XG59XG5cbi8qIFRhYmxlIGRlZmF1bHQgdGhlbWUgKi9cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlIHtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19HcmlkIHtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19oZWFkZXJSb3cge1xuICBmb250LXdlaWdodDogNzAwO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3cge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uUmVhY3RWaXJ0dWFsaXplZF9fVGFibGVfX2hlYWRlclRydW5jYXRlZFRleHQge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9faGVhZGVyQ29sdW1uLFxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3dDb2x1bW4ge1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gIG1pbi13aWR0aDogMHB4O1xufVxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3dDb2x1bW4ge1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19oZWFkZXJDb2x1bW46Zmlyc3Qtb2YtdHlwZSxcbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fcm93Q29sdW1uOmZpcnN0LW9mLXR5cGUge1xuICBtYXJnaW4tbGVmdDogMTBweDtcbn1cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJDb2x1bW4ge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJJY29uQ29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJJY29uIHtcbiAgZmxleDogMCAwIDI0cHg7XG4gIGhlaWdodDogMWVtO1xuICB3aWR0aDogMWVtO1xuICBmaWxsOiBjdXJyZW50Q29sb3I7XG59XG5cbi8qIExpc3QgZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fTGlzdCB7XG59XG4iXX0= */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
/*!
 * Bootstrap v4.1.3 (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: #0054f4;
  --indigo: #6610f2;
  --purple: #7E57C2;
  --pink: #ff5b77;
  --red: #EF5350;
  --orange: #FFCA28;
  --yellow: #ffd500;
  --green: #66BB6A;
  --teal: #5bc0de;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #0054f4;
  --secondary: #6c757d;
  --success: #66BB6A;
  --info: #17a2b8;
  --warning: #ffd500;
  --danger: #EF5350;
  --light: #f8f9fa;
  --dark: #555555;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-monospace: 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,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.87);
  text-align: left;
  background-color: #fff;
}

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

hr {
  box-sizing: content-box;
  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: bold;
}

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: #0054f4;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #003aa8;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  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: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", 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 {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #636c72;
  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.1;
  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.1;
}

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

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

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

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

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: 5px;
}

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

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

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

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

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

.figure {
  display: inline-block;
}

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

.figure-caption {
  font-size: 90%;
  color: #636c72;
}

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

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #fff;
  background-color: #292b2c;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
}

pre {
  display: block;
  font-size: 90%;
  color: #292b2c;
}
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%;
  margin-bottom: 1rem;
  background-color: transparent;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.table tbody + tbody {
  border-top: 2px solid rgba(0, 0, 0, 0.1);
}
.table .table {
  background-color: #fff;
}

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

.table-bordered {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.table-bordered th,
.table-bordered td {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.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: #b8cffc;
}

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

.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: #d4ecd5;
}

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

.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: #fff3b8;
}

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

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

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

.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: #cfcfcf;
}

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

.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: #464a4c;
  background-color: #eceeef;
  border-color: rgba(0, 0, 0, 0.1);
}

.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%;
  height: 2.25rem;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #464a4c;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.2rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
@media screen and (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #464a4c;
  background-color: #fff;
  border-color: #75a4ff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 84, 244, 0.25);
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #464a4c;
  background-color: #fff;
}

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

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

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

.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.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  line-height: 1.25;
  color: rgba(0, 0, 0, 0.87);
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: 1.8125rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: 3.1666666667rem;
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.3333333333;
  border-radius: 0.2rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.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.25rem;
  margin-left: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label {
  color: #636c72;
}

.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: #66BB6A;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 3px 8px;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212529;
  background-color: rgba(102, 187, 106, 0.9);
  border-radius: 8px;
}

.was-validated .form-control:valid, .form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #66BB6A;
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #66BB6A;
  box-shadow: 0 0 0 0.2rem rgba(102, 187, 106, 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-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #66BB6A;
}
.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: #66BB6A;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  background-color: #bee2c0;
}
.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: #89cb8c;
}
.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(102, 187, 106, 0.25);
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #66BB6A;
}
.was-validated .custom-file-input:valid ~ .custom-file-label::after, .custom-file-input.is-valid ~ .custom-file-label::after {
  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(102, 187, 106, 0.25);
}

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

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 3px 8px;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(239, 83, 80, 0.9);
  border-radius: 8px;
}

.was-validated .form-control:invalid, .form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #EF5350;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #EF5350;
  box-shadow: 0 0 0 0.2rem rgba(239, 83, 80, 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-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #EF5350;
}
.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: #EF5350;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: #fac6c5;
}
.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: #f3817f;
}
.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(239, 83, 80, 0.25);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #EF5350;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label::after, .custom-file-input.is-invalid ~ .custom-file-label::after {
  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(239, 83, 80, 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,
  .form-inline .custom-select {
    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: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.25;
  border-radius: 0.2rem;
  transition: all 0.2s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover, .btn:focus {
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 84, 244, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #0054f4;
  border-color: #0054f4;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0047ce;
  border-color: #0042c1;
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 84, 244, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #0054f4;
  border-color: #0054f4;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0042c1;
  border-color: #003eb4;
}
.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, 84, 244, 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: #212529;
  background-color: #66BB6A;
  border-color: #66BB6A;
}
.btn-success:hover {
  color: #fff;
  background-color: #4dae52;
  border-color: #49a54e;
}
.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(102, 187, 106, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #212529;
  background-color: #66BB6A;
  border-color: #66BB6A;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #49a54e;
  border-color: #459c49;
}
.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(102, 187, 106, 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: #ffd500;
  border-color: #ffd500;
}
.btn-warning:hover {
  color: #212529;
  background-color: #d9b500;
  border-color: #ccaa00;
}
.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 213, 0, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffd500;
  border-color: #ffd500;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #ccaa00;
  border-color: #bfa000;
}
.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, 213, 0, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #EF5350;
  border-color: #EF5350;
}
.btn-danger:hover {
  color: #fff;
  background-color: #ec312d;
  border-color: #eb2521;
}
.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(239, 83, 80, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #EF5350;
  border-color: #EF5350;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #eb2521;
  border-color: #ea1a16;
}
.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(239, 83, 80, 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: #555555;
  border-color: #555555;
}
.btn-dark:hover {
  color: #fff;
  background-color: #424242;
  border-color: #3c3c3c;
}
.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #555555;
  border-color: #555555;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #3c3c3c;
  border-color: #353535;
}
.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(85, 85, 85, 0.5);
}

.btn-outline-primary {
  color: #0054f4;
  background-color: transparent;
  background-image: none;
  border-color: #0054f4;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #0054f4;
  border-color: #0054f4;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 84, 244, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #0054f4;
  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: #0054f4;
  border-color: #0054f4;
}
.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, 84, 244, 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: #66BB6A;
  background-color: transparent;
  background-image: none;
  border-color: #66BB6A;
}
.btn-outline-success:hover {
  color: #212529;
  background-color: #66BB6A;
  border-color: #66BB6A;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(102, 187, 106, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #66BB6A;
  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: #212529;
  background-color: #66BB6A;
  border-color: #66BB6A;
}
.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(102, 187, 106, 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: #ffd500;
  background-color: transparent;
  background-image: none;
  border-color: #ffd500;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffd500;
  border-color: #ffd500;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 213, 0, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffd500;
  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: #ffd500;
  border-color: #ffd500;
}
.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, 213, 0, 0.5);
}

.btn-outline-danger {
  color: #EF5350;
  background-color: transparent;
  background-image: none;
  border-color: #EF5350;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #EF5350;
  border-color: #EF5350;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(239, 83, 80, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #EF5350;
  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: #EF5350;
  border-color: #EF5350;
}
.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(239, 83, 80, 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: #555555;
  background-color: transparent;
  background-image: none;
  border-color: #555555;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #555555;
  border-color: #555555;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #555555;
  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: #555555;
  border-color: #555555;
}
.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(85, 85, 85, 0.5);
}

.btn-link {
  font-weight: normal;
  color: #0054f4;
  background-color: transparent;
}
.btn-link:hover {
  color: #003aa8;
  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: #636c72;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.3333333333;
  border-radius: 0.2rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0 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 {
  transition: opacity 0.15s linear;
}
@media screen and (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media screen and (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  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: rgba(0, 0, 0, 0.87);
  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.2rem;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  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 {
  top: 0;
  right: auto;
  left: 100%;
  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-right: 0;
  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 {
  top: 0;
  right: 100%;
  left: auto;
  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-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

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

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: normal;
  color: #292b2c;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #1d1e1f;
  text-decoration: none;
  background-color: #f7f7f9;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0054f4;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #636c72;
  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: #636c72;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #292b2c;
}

.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.75rem;
  padding-left: 0.75rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

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

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

.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 + .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:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.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::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  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.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.25;
  color: #464a4c;
  text-align: center;
  white-space: nowrap;
  background-color: #eceeef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.2rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.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 {
  height: 3.1666666667rem;
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.3333333333;
  border-radius: 0.2rem;
}

.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 {
  height: 1.8125rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.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: #0054f4;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 84, 244, 0.25);
}
.custom-control-input:active ~ .custom-control-label::before {
  color: #fff;
  background-color: #a8c6ff;
}
.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  user-select: none;
  background-color: #ddd;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  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.2rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #0054f4;
}
.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: #0054f4;
}
.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, 84, 244, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 84, 244, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #0054f4;
}
.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, 84, 244, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: 2.25rem;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.25;
  color: #464a4c;
  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='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.2rem;
  appearance: none;
}
.custom-select:focus {
  border-color: #75a4ff;
  outline: 0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(117, 164, 255, 0.5);
}
.custom-select:focus::-ms-value {
  color: #464a4c;
  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: #636c72;
  background-color: #eceeef;
}
.custom-select::-ms-expand {
  opacity: 0;
}

.custom-select-sm {
  height: 1.8125rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%;
}

.custom-select-lg {
  height: 3.1666666667rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 125%;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 2.5rem;
  margin: 0;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #75a4ff;
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0054f4;
}
.custom-file-input:focus ~ .custom-file-label::after {
  border-color: #75a4ff;
}
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.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: 2.5rem;
  padding: 1rem 0.5rem;
  line-height: 1.5;
  color: #464a4c;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.2rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: 2.25rem;
  padding: 1rem 0.5rem;
  line-height: 1.5;
  color: #464a4c;
  content: "Browse";
  background-color: #eceeef;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0 0.2rem 0.2rem 0;
}

.custom-range {
  width: 100%;
  padding-left: 0;
  background-color: transparent;
  appearance: none;
}
.custom-range:focus {
  outline: none;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 84, 244, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 84, 244, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 84, 244, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0054f4;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media screen and (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #a8c6ff;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0054f4;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media screen and (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #a8c6ff;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #0054f4;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media screen and (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #a8c6ff;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.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 rgba(0, 0, 0, 0.125);
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: rgba(0, 0, 0, 0.125);
}
.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.2rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #0054f4;
}

.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.25rem;
  padding-bottom: 0.25rem;
  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.2rem;
}
.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 .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;
  }
}
@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 .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;
  }
}
@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 .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;
  }
}
@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 .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 {
  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 .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-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.2rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.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: #f7f7f9;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.2rem - 1px) calc(0.2rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f7f7f9;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.2rem - 1px) calc(0.2rem - 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.2rem - 1px);
}

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

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.2rem - 1px);
  border-bottom-left-radius: calc(0.2rem - 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.2rem;
  }
  .card-group > .card:only-child .card-img-top,
  .card-group > .card:only-child .card-header {
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
  }
  .card-group > .card:only-child .card-img-bottom,
  .card-group > .card:only-child .card-footer {
    border-bottom-right-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
  }
  .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;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}
.accordion .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}
.accordion .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

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

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

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #0054f4;
  background-color: #fff;
  border: 1px solid #ddd;
}
.page-link:hover {
  z-index: 2;
  color: #003aa8;
  text-decoration: none;
  background-color: #eceeef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 84, 244, 0.25);
}
.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #0054f4;
  border-color: #0054f4;
}
.page-item.disabled .page-link {
  color: #636c72;
  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.3333333333;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.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: normal;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.2rem;
}
.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: #0054f4;
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0042c1;
}

.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: #212529;
  background-color: #66BB6A;
}
.badge-success[href]:hover, .badge-success[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #49a54e;
}

.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: #ffd500;
}
.badge-warning[href]:hover, .badge-warning[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #ccaa00;
}

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

.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: #555555;
}
.badge-dark[href]:hover, .badge-dark[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #3c3c3c;
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #eceeef;
  border-radius: 0.2rem;
}
@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.2rem;
}

.alert-heading {
  color: inherit;
}

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

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

.alert-primary {
  color: #002c7f;
  background-color: #ccddfd;
  border-color: #b8cffc;
}
.alert-primary hr {
  border-top-color: #a0befb;
}
.alert-primary .alert-link {
  color: #001a4c;
}

.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: #356137;
  background-color: #e0f1e1;
  border-color: #d4ecd5;
}
.alert-success hr {
  border-top-color: #c2e4c4;
}
.alert-success .alert-link {
  color: #234024;
}

.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: #856f00;
  background-color: #fff7cc;
  border-color: #fff3b8;
}
.alert-warning hr {
  border-top-color: #ffef9f;
}
.alert-warning .alert-link {
  color: #524400;
}

.alert-danger {
  color: #7c2b2a;
  background-color: #fcdddc;
  border-color: #fbcfce;
}
.alert-danger hr {
  border-top-color: #f9b8b6;
}
.alert-danger .alert-link {
  color: #561e1d;
}

.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: #2c2c2c;
  background-color: #dddddd;
  border-color: #cfcfcf;
}
.alert-dark hr {
  border-top-color: #c2c2c2;
}
.alert-dark .alert-link {
  color: #131313;
}

@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: #eceeef;
  border-radius: 0.2rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0054f4;
  transition: width 0.6s ease;
}
@media screen and (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 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: #f7f7f9;
}
.list-group-item-action:active {
  color: rgba(0, 0, 0, 0.87);
  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.2rem;
  border-top-right-radius: 0.2rem;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.list-group-item:hover, .list-group-item:focus {
  z-index: 1;
  text-decoration: none;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #636c72;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0054f4;
  border-color: #0054f4;
}

.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: #002c7f;
  background-color: #b8cffc;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #002c7f;
  background-color: #a0befb;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #002c7f;
  border-color: #002c7f;
}

.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: #356137;
  background-color: #d4ecd5;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #356137;
  background-color: #c2e4c4;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #356137;
  border-color: #356137;
}

.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: #856f00;
  background-color: #fff3b8;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #856f00;
  background-color: #ffef9f;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856f00;
  border-color: #856f00;
}

.list-group-item-danger {
  color: #7c2b2a;
  background-color: #fbcfce;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #7c2b2a;
  background-color: #f9b8b6;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #7c2b2a;
  border-color: #7c2b2a;
}

.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: #2c2c2c;
  background-color: #cfcfcf;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #2c2c2c;
  background-color: #c2c2c2;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #2c2c2c;
  border-color: #2c2c2c;
}

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

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

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

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

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -25%);
}
@media screen and (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 10px * 2);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 10px * 2);
  content: "";
}

.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.2rem;
  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: 15px;
  border-bottom: 1px solid #eceeef;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
.modal-header .close {
  padding: 15px;
  margin: -15px -15px -15px auto;
}

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

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

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px;
  border-top: 1px solid #eceeef;
}
.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;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - 1.75rem * 2);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 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: 3px;
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  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: 5px;
  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 2.5px 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: 5px;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 2.5px 0.4rem 2.5px 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 2.5px 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: 5px;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 2.5px 0 2.5px 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 8px;
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3);
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  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.2rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 10px;
  height: 0.5rem;
  margin: 0 0.2rem;
}
.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 5px 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: 10px;
  margin: 0.2rem 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: 5px 0.5rem 5px 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 5px 0.5rem 5px;
}
.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: 10px;
  margin-left: -5px;
  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: 10px;
  margin: 0.2rem 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: 5px 0 5px 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.2rem - 1px);
  border-top-right-radius: calc(0.2rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: rgba(0, 0, 0, 0.87);
}

.carousel {
  position: relative;
}

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

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

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
  transition: transform 0.6s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
  .carousel-item.active,
  .carousel-item-next,
  .carousel-item-prev {
    transition: none;
  }
}

.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-fade .carousel-item {
  opacity: 0;
  transition-duration: 0.6s;
  transition-property: opacity;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
  .carousel-fade .carousel-item-next,
  .carousel-fade .carousel-item-prev,
  .carousel-fade .carousel-item.active,
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-prev {
    transform: translate3d(0, 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='M4 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='M1.5 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;
  cursor: pointer;
  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: #0054f4 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0042c1 !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: #66BB6A !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #49a54e !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: #ffd500 !important;
}

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

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

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #eb2521 !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: #555555 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #3c3c3c !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: #0054f4 !important;
}

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

.border-success {
  border-color: #66BB6A !important;
}

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

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

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

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

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

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

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

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

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

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

.rounded-left {
  border-top-left-radius: 0.2rem !important;
  border-bottom-left-radius: 0.2rem !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;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.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;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .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;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .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;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .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;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .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: 1030;
  }
}

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

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

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

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

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

.shadow-none {
  box-shadow: none !important;
}

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

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

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

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

.w-auto {
  width: auto !important;
}

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

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

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

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

.h-auto {
  height: auto !important;
}

.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-monospace {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.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: normal !important;
}

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

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

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

.text-primary {
  color: #0054f4 !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0042c1 !important;
}

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

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

.text-success {
  color: #66BB6A !important;
}

a.text-success:hover, a.text-success:focus {
  color: #49a54e !important;
}

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

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

.text-warning {
  color: #ffd500 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ccaa00 !important;
}

.text-danger {
  color: #EF5350 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #eb2521 !important;
}

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

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

.text-dark {
  color: #555555 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #3c3c3c !important;
}

.text-body {
  color: rgba(0, 0, 0, 0.87) !important;
}

.text-muted {
  color: #636c72 !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !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 #adb5bd;
    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 #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: rgba(0, 0, 0, 0.1);
  }
  .table .thead-dark th {
    color: inherit;
    border-color: rgba(0, 0, 0, 0.1);
  }
}/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
html {
  height: 100%;
  background-color: #fff;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
}

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

.app-header {
  display: block;
  position: relative;
  z-index: 1000;
  height: 60px;
  width: 100%;
  background-color: #fff;
}
.app-header .toggle-sidebar {
  display: block;
}

.fixed-header .app-header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
}

@media only screen and (min-width: 992px) {
  .app-header .toggle-sidebar-btn {
    display: none;
  }
  .app-header .brand {
    display: inline-block;
    width: 190px;
    padding: 0 0 0 56px;
    transition: padding 0.25s cubic-bezier(0, 0, 0.2, 1);
  }
  .app-header .brand a {
    text-decoration: none;
    font-weight: normal;
  }
  .nav-behind .app-header .brand {
    padding-left: 0;
  }
}
.app-sidebar {
  display: block;
  z-index: 99;
  position: fixed;
  left: 0;
  bottom: 0;
  top: 0;
  height: 100vh;
  width: 190px;
  overflow: hidden;
  background-color: #292b2c;
}
.app-sidebar .sidebar-header {
  display: block;
  position: relative;
  height: 60px;
}
.app-sidebar .sidebar-footer {
  background-color: #292b2c;
}

@media only screen and (min-width: 992px) {
  .app-sidebar {
    z-index: 1001;
    overflow-x: hidden;
  }
}
.app-sidebar .nav a i.nav-icon.material-icons {
  left: 4px;
}

.app-page-container {
  width: 100%;
  height: 100%;
}
.app-page-container .app-content-wrapper {
  min-height: 100%;
  position: relative;
  background-color: #fff;
}
.app-page-container .app-content-wrapper .app-content {
  z-index: 10;
  padding-bottom: auto;
  min-height: 100%;
  transition: all 0.3s ease;
}
.app-page-container .app-content-wrapper .app-content.full-width {
  width: 100%;
}

.fixed-header .app-page-container .app-content-wrapper .app-content {
  padding-top: 60px;
}

.app-page-container.scroll-disabled {
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  .app-page-container {
    position: relative;
    z-index: 100;
    padding-left: 0;
    transition: transform 0.25s ease;
    background-color: #fff;
  }
  .app-page-container .app-content-wrapper .app-content {
    overflow-x: hidden;
  }
  .sidebar-mobile-open .app-page-container {
    overflow: hidden;
    position: fixed;
    transform: translateX(190px);
  }
}
@media only screen and (min-width: 992px) {
  .app-page-container .app-content-wrapper .app-content {
    padding-left: 190px;
  }
  .app-page-container .app-content-wrapper .app-footer {
    left: 190px;
  }
  .nav-collapsed .app-page-container .app-content-wrapper .app-content {
    padding-left: 56px;
  }
  .nav-collapsed .app-page-container .app-content-wrapper .app-footer {
    left: 56px;
  }
}
.app-page-container .app-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transition: left 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.app-page-container .app-footer.fixed {
  position: fixed;
}

.app-page-container .app-footer {
  padding: 13px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 11px;
  line-height: 17px;
  color: #636c72;
}
.app-page-container .app-footer .brand {
  color: rgba(0, 0, 0, 0.87);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.app-page-container .app-footer .material-icons {
  font-size: 0.875rem;
  vertical-align: text-top;
}

.quickview-wrapper {
  z-index: 1001;
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100vh;
  right: -300px;
  width: 300px;
  background: #fff;
  transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
  backface-visibility: hidden;
}

.quickview-open .quickview-wrapper {
  right: 0;
}

.quickview-wrapper {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.app-overlay {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 1040;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  overflow: hidden;
}
.app-overlay .overlay-close {
  position: absolute;
  right: 20px;
  top: 25px;
}

.overlay-active .app-overlay {
  visibility: visible;
  opacity: 1;
}

@media only screen and (min-width: 992px) {
  .layout-boxed.full-height {
    max-width: 1200px;
    margin: auto;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  }
  .layout-boxed.full-height .app-sidebar {
    left: auto;
  }
  .layout-boxed.full-height .app-header > .app-header-inner {
    max-width: 1200px;
    margin: auto;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  }
  .layout-boxed.full-height .app-overlay > .app-overlay-inner {
    max-width: 1200px;
    margin: auto;
  }
}
@media only screen and (max-width: 991px) {
  .no-app-sidebar + .app-page-container .app-header .header-icon {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .no-app-sidebar + .app-page-container .app-header .brand {
    padding-left: 0;
  }
  .no-app-sidebar + .app-page-container .app-content-wrapper .app-content {
    padding-left: 0;
  }
  .no-app-sidebar + .app-page-container .app-content-wrapper .app-footer {
    left: 0;
  }
}
.app-sidebar ul.nav {
  flex-direction: column;
}
.app-sidebar ul.nav ul {
  display: none;
}
.app-sidebar ul.nav li {
  position: relative;
}
.app-sidebar ul.nav li.open > .icon-has-ul {
  transform: rotate(-180deg);
}
.app-sidebar ul.nav .icon-has-ul {
  position: absolute;
  top: 12px;
  right: 15px;
  font-size: 18px;
  line-height: 1;
  color: #777;
  transition: transform 0.3s ease-in-out;
}
.app-sidebar ul.nav ul .icon-has-ul {
  top: 11px;
}
.app-sidebar ul.nav .nav-divider {
  background-color: rgba(0, 0, 0, 0.15);
  min-height: 1px;
  margin: 10px 0 10px;
  overflow: hidden;
}

.sidebar-header a.collapsednav-toggler {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  right: 18px;
  top: 20px;
  color: rgba(255, 255, 255, 0.55);
}
.sidebar-header a.collapsednav-toggler .material-icons {
  font-size: 12px;
}

@media only screen and (max-width: 991px) {
  .app-sidebar .sidebar-header a.collapsednav-toggler {
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
  }
}
.app-sidebar .sidebar-header {
  text-align: left;
}
.app-sidebar .sidebar-header .logo-icon {
  margin-right: 11px;
}
.app-sidebar .sidebar-header .logo-img {
  margin-right: 16px;
}
.app-sidebar .sidebar-header .brand {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.app-sidebar .sidebar-header .collapsednav-toggler {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.app-sidebar .sidebar-content .nav-header {
  display: block;
}
.app-sidebar .sidebar-content .nav-text {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.app-sidebar .sidebar-content .icon-has-ul {
  display: inherit;
}
.app-sidebar .sidebar-content .badge {
  display: inherit;
  top: 14px;
  right: 35px;
}
.app-sidebar .sidebar-content .nav > li > a {
  padding: 14px 16px !important;
  text-align: left !important;
}
.app-sidebar .sidebar-content .nav > li > a .nav-icon {
  margin-right: 24px;
}
.app-sidebar .sidebar-content .nav > li ul li > a {
  text-align: left !important;
}
.app-sidebar .sidebar-content .nav > li ul li > a > span {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.app-sidebar .sidebar-content .nav > li ul li > a > .material-icons {
  margin-right: 24px;
}
.app-sidebar .sidebar-content .nav > li ul li > a > div > span {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.app-sidebar .sidebar-content .nav > li ul li > a > div > .material-icons {
  margin-right: 24px;
}
.app-sidebar .sidebar-footer .nav-text {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.app-sidebar .sidebar-footer .nav > li > a {
  padding: 10px 16px !important;
  text-align: left !important;
}
.app-sidebar .sidebar-footer .nav > li > a .nav-icon {
  margin-right: 24px;
}

@media only screen and (min-width: 992px) {
  .app-sidebar {
    -webkit-transition: width 0.3s; /* For Safari 3.1 to 6.0 */
    transition: width 0.3s;
    white-space: nowrap;
  }
  .nav-collapsed .app-sidebar {
    width: 56px;
  }
  .nav-collapsed .app-sidebar .sidebar-header {
    text-align: left;
  }
  .nav-collapsed .app-sidebar .sidebar-header .brand {
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
  }
  .nav-collapsed .app-sidebar .sidebar-header .collapsednav-toggler {
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
  }
  .nav-collapsed .app-sidebar .sidebar-content .nav-header,
  .nav-collapsed .app-sidebar .sidebar-content .nav-text,
  .nav-collapsed .app-sidebar .sidebar-content .icon-has-ul,
  .nav-collapsed .app-sidebar .sidebar-content .nav ul a > span {
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
  }
  .nav-collapsed .app-sidebar .sidebar-content .nav ul a > div > span {
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
  }
  .nav-collapsed .app-sidebar .sidebar-content .badge {
    top: 3px;
    right: 5px;
  }
  .nav-collapsed .app-sidebar .sidebar-content .nav > li > a {
    padding: 14px 16px !important;
    text-align: left !important;
  }
  .nav-collapsed .app-sidebar .sidebar-content .nav > li .nav-icon {
    margin-right: 24px;
    position: relative;
    left: 0px !important;
  }
  .nav-collapsed .app-sidebar .sidebar-content .nav > li ul li > a {
    text-align: left !important;
  }
  .nav-collapsed .app-sidebar .sidebar-content .nav > li ul li > a > .material-icons {
    margin-right: 0;
  }
  .nav-collapsed .app-sidebar .sidebar-content .nav > li ul li > a > div > .material-icons {
    margin-right: 0;
  }
  .nav-collapsed .app-sidebar .sidebar-footer .nav-text {
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
  }
  .nav-collapsed .app-sidebar .sidebar-footer .nav > li > a {
    text-align: left !important;
  }
}
@media only screen and (min-width: 992px) {
  .nav-behind .app-sidebar {
    z-index: 999;
  }
}
@media only screen and (min-width: 992px) {
  .sidebar-sm.nav-collapsed .app-page-container .app-content-wrapper .app-content,
  .sidebar-lg.nav-collapsed .app-page-container .app-content-wrapper .app-content {
    padding-left: 56px;
  }
  .sidebar-sm.nav-collapsed .app-page-container .app-content-wrapper .app-footer,
  .sidebar-lg.nav-collapsed .app-page-container .app-content-wrapper .app-footer {
    left: 56px;
  }
}
@media only screen and (min-width: 992px) {
  .sidebar-sm.nav-collapsed .app-sidebar,
  .sidebar-lg.nav-collapsed .app-sidebar {
    width: 56px;
  }
}

@media only screen and (min-width: 992px) {
  .sidebar-sm .app-header .brand {
    width: 220px;
  }
}
@media only screen and (min-width: 992px) {
  .sidebar-sm .app-page-container .app-content-wrapper .app-content {
    padding-left: 220px;
  }
  .sidebar-sm .app-page-container .app-content-wrapper .app-footer {
    left: 220px;
  }
}
@media only screen and (max-width: 991px) {
  .sidebar-sm.sidebar-mobile-open .app-page-container {
    transform: translateX(220px);
  }
}
.sidebar-sm .app-sidebar {
  width: 220px;
}
@media only screen and (min-width: 992px) {
  .sidebar-lg .app-header .brand {
    width: 280px;
  }
}
@media only screen and (min-width: 992px) {
  .sidebar-lg .app-page-container .app-content-wrapper .app-content {
    padding-left: 280px;
  }
  .sidebar-lg .app-page-container .app-content-wrapper .app-footer {
    left: 280px;
  }
}
@media only screen and (max-width: 991px) {
  .sidebar-lg.sidebar-mobile-open .app-page-container {
    transform: translateX(280px);
  }
}
.sidebar-lg .app-sidebar {
  width: 280px;
}
.app-header {
  padding: 0;
  border: 0;
  text-align: center;
}
.app-header .app-header-inner {
  height: 60px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 992px) {
  .app-header {
    text-align: inherit;
  }
}
.app-header.bg-transparent {
  background-color: transparent !important;
}
.app-header .brand {
  display: inline-block;
  text-align: center;
  float: left;
}
.app-header .brand h2 {
  font-size: 30px;
  margin: 0;
  line-height: 60px;
}
.app-header .header-icon {
  display: inline-block;
  height: 60px;
  padding: 18px 14px;
}
@media only screen and (min-width: 992px) {
  .app-header .header-icon {
    padding-left: 18px;
    padding-right: 18px;
  }
}
.app-header .header-icon .material-icons {
  font-size: 24px;
}

.top-nav-left > ul > .list-inline-item,
.top-nav-right > ul > .list-inline-item {
  margin: 0;
  padding: 0;
}

.top-nav-left {
  display: inline-block;
}
.top-nav-left > ul {
  display: inline;
  margin: 0;
}

.top-nav-right {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  float: right;
}
.top-nav-right ul {
  margin: 0;
}
.top-nav-right li {
  height: 60px;
  float: left;
}
.top-nav-right a:hover, .top-nav-right a:focus {
  text-decoration: none;
}

.logo-img {
  width: 24px;
  height: 24px;
  margin-bottom: -3px;
  margin-right: 12px;
}
.logo-img .st1 {
  opacity: 0.9;
}

.bg-color-dark > .logo-img .st0,
.bg-color-primary > .logo-img .st0,
.bg-color-info > .logo-img .st0,
.bg-color-danger > .logo-img .st0,
.bg-color-success > .logo-img .st0 {
  fill: #fff;
}

.bg-color-warn > .logo-img .st0,
.bg-color-light > .logo-img .st0 {
  fill: rgba(0, 0, 0, 0.87);
}

.app-sidebar .sidebar-header {
  line-height: 60px;
  padding: 0 18px;
}
.app-sidebar .sidebar-header .logo-icon {
  text-align: center;
  font-size: 24px;
}
.app-sidebar .sidebar-header .logo-icon.material-icons {
  line-height: 60px;
  height: 60px;
  vertical-align: sub;
}
.app-sidebar .sidebar-header a.brand {
  display: inline-block;
  font-weight: normal;
  font-size: 23px;
  line-height: 60px;
  text-decoration: none;
}
.app-sidebar .sidebar-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #394053;
  z-index: 1;
}

.app-sidebar .nav a {
  display: block;
  position: relative;
  text-decoration: none;
  font-size: 13px !important;
  font-weight: 300 !important;
}
.app-sidebar .nav a:hover {
  cursor: pointer;
}
.app-sidebar .nav li {
  position: relative;
}
.app-sidebar .nav li .badge {
  position: absolute;
  padding: 3px 6px;
}
.app-sidebar .nav .nav-header {
  margin: 15px 15px 5px;
  font-size: 0.875rem;
}
.app-sidebar .nav .nav-divider + .nav-header {
  margin-top: 5px;
}
.app-sidebar .nav > li > a {
  line-height: 24px;
}
.app-sidebar .nav .nav-icon {
  display: inline-block;
}
.app-sidebar .nav .nav-icon.material-icons {
  width: 24px;
  height: 24px;
  font-size: 18px !important;
  line-height: 24px;
  text-align: center;
}
.app-sidebar .nav .nav-icon.material-icons.nav-dot {
  font-size: 16px;
}
.app-sidebar .nav ul {
  list-style: none;
  padding: 0;
}
.app-sidebar .nav ul li > a {
  padding: 10px 18px !important;
}
.app-sidebar .nav ul li > a .material-icons {
  width: 20px;
  height: 20px;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  margin-bottom: -2px;
}
.app-sidebar .nav ul ul li > a {
  padding: 10px 15px 10px 56px !important;
}
.app-sidebar .nav ul ul ul li > a {
  padding-left: 74px !important;
}

.app-sidebar {
  background-color: #ffffff;
}
.app-sidebar .nav {
  color: #ffffff !important;
}
.app-sidebar .nav a {
  color: #ffffff !important;
}
.app-sidebar .nav a i.nav-icon.material-icons {
  color: #fff !important;
}
.app-sidebar .nav .nav-header {
  color: #636c72;
}
.app-sidebar .nav .nav-divider {
  background-color: rgba(0, 0, 0, 0.15);
}
.app-sidebar .nav li > a:hover, .app-sidebar .nav li > a:focus {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #ffffff !important;
}
.app-sidebar .nav li.active > a,
.app-sidebar .nav li.active > a:hover,
.app-sidebar .nav li.active > a:focus {
  background-color: #292e3c !important;
  color: #03A9F4 !important;
}
.app-sidebar .nav li.open > a,
.app-sidebar .nav li.open > a:hover,
.app-sidebar .nav li.open > a:focus {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #03A9F4 !important;
}
.app-sidebar .nav ul {
  background-color: rgba(0, 0, 0, 0.1);
}
.app-sidebar .nav ul li.active > a,
.app-sidebar .nav ul li.active > a:hover,
.app-sidebar .nav ul li.active > a:focus, .app-sidebar .nav ul li.open > a,
.app-sidebar .nav ul li.open > a:hover,
.app-sidebar .nav ul li.open > a:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
.app-sidebar .nav ul ul {
  background-color: rgba(0, 0, 0, 0.1);
}
.app-sidebar .nav ul ul > li.active > a,
.app-sidebar .nav ul ul > li.active > a:hover,
.app-sidebar .nav ul ul > li.active > a:focus, .app-sidebar .nav ul ul > li.open > a,
.app-sidebar .nav ul ul > li.open > a:hover,
.app-sidebar .nav ul ul > li.open > a:focus {
  background-color: rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.app-sidebar .nav ul ul ul {
  background-color: rgba(0, 0, 0, 0.1);
}
.app-sidebar .nav a.active {
  color: #0054f4 !important;
  background-color: #292e3c !important;
}
.app-sidebar .nav a.active i.nav-icon.material-icons {
  color: #0054f4 !important;
}
.app-sidebar .nav a {
  line-height: 30px;
}
.app-sidebar .nav a i.nav-icon.material-icons {
  top: 5px;
  position: relative;
}

.app-overlay .app-overlay-inner {
  max-width: 1090px;
  margin: 0 auto;
  padding: 20px 30px;
}
@media only screen and (min-width: 768px) {
  .app-overlay .app-overlay-inner {
    padding: 20px 100px;
  }
}
.app-overlay input.overlay-search-input {
  border: 0;
  background-color: transparent;
  font-size: 35px;
  font-weight: normal;
  width: 100%;
  padding-left: 0;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .app-overlay input.overlay-search-input {
    font-size: 70px;
  }
}
.app-overlay input.overlay-search-input:focus {
  outline: none;
}
.app-overlay .overlay-header {
  position: relative;
  padding: 60px 0 0;
}
.app-overlay .overlay-header h2 {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .app-overlay .overlay-header h2 {
    font-size: 24px;
  }
}
.app-overlay a.overlay-close {
  position: absolute;
  top: 0;
  right: 10px;
  font-weight: 300;
}
.app-overlay a.overlay-close .material-icons {
  font-size: 32px;
}
.app-overlay .overlay-content {
  margin: 12px 0 0;
}

.app-overlay {
  background: rgba(255, 255, 255, 0.9);
}
.app-overlay a.overlay-close {
  color: rgba(0, 0, 0, 0.87);
}

.quickview-open-app #quickview-app {
  right: 0;
}

.quickview-app .quickview-close {
  display: inline-block;
  z-index: 1;
  position: absolute;
  top: 11px;
  right: 15px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.6;
}
.quickview-app .quickview-close .material-icons {
  font-size: 1rem;
  vertical-align: middle;
}
.quickview-app .quickview-close:hover {
  opacity: 1;
}

#quickview-customizer {
  width: 410px;
  right: -410px;
}

.quickview-open-customizer #quickview-customizer {
  right: 0;
}

.customizer {
  padding: 0;
  background-color: #fafafa;
}
.customizer .quickview-inner {
  padding: 15px 45px;
}
.customizer .customizer-header {
  text-transform: uppercase;
  margin-bottom: 3px;
}
.customizer h4.section-header {
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 1.35;
  font-weight: normal;
}
.customizer a {
  position: relative;
  display: block;
  width: 100%;
  color: rgba(0, 0, 0, 0.87);
}
.customizer .customizer-close {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 7px;
  width: auto;
  z-index: 10;
}
.customizer .customizer-close .material-icons {
  font-size: 20px;
}
.customizer a.customizer-toggle,
.customizer a.customizer-close {
  color: rgba(0, 0, 0, 0.87);
}
.customizer a.customizer-toggle:hover, .customizer a.customizer-toggle:focus,
.customizer a.customizer-close:hover,
.customizer a.customizer-close:focus {
  color: rgba(0, 0, 0, 0.87);
}
.customizer .customizer-toggle {
  position: absolute;
  top: 25%;
  width: 54px;
  height: 50px;
  left: -48px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}
.customizer .customizer-toggle .material-icons {
  font-size: 16px;
  line-height: 50px;
}
.customizer:before {
  position: absolute;
  content: "";
  top: 25%;
  left: -47px;
  width: 48px;
  height: 50px;
  background-color: #fafafa;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
  border-left: 1px solid #e5e5e5;
  border-radius: 0 4px 4px 0;
}
.customizer:after {
  position: absolute;
  top: 25%;
  left: 0;
  content: "";
  width: 5px;
  height: 50px;
  background-color: #fafafa;
}
.customizer md-list {
  padding: 0;
}
.customizer md-list-item, .customizer md-list-item ._md-list-item-inner {
  min-height: 40px;
}
.customizer md-list-item ._md-no-style, .customizer md-list-item._md-no-proxy {
  padding: 0 5px;
}

.top-nav-left li .header-btn.md-button,
.top-nav-right li .header-btn.md-button {
  margin: 0;
  line-height: 60px;
  border-radius: 0;
  min-width: 52px;
}
@media only screen and (min-width: 992px) {
  .top-nav-left li .header-btn.md-button,
  .top-nav-right li .header-btn.md-button {
    min-width: 60px;
  }
}
.top-nav-left li .header-btn.md-button > .material-icons,
.top-nav-right li .header-btn.md-button > .material-icons {
  vertical-align: middle;
}
.top-nav-left li .header-btn.md-button .badge,
.top-nav-right li .header-btn.md-button .badge {
  background-color: transparent;
  position: absolute;
  top: 6px;
  right: 3px;
  color: inherit;
}

.app-sidebar .md-button {
  margin: 0;
  text-align: left;
  text-transform: none;
  border-radius: 0;
  font-weight: normal;
  line-height: inherit;
  min-height: inherit;
  min-width: inherit;
}

.quickview-app md-tabs > md-tabs-wrapper {
  background-color: #eee;
  padding: 0 40px;
}
.quickview-app md-tabs md-pagination-wrapper {
  width: 100% !important;
}

md-backdrop.md-sidenav-backdrop,
.md-sidenav-right {
  z-index: 1001;
}

.md-sidenav-right .md-sidenav-inner {
  height: 100%;
}
.md-sidenav-right .md-sidenav-inner > md-tabs {
  height: 100%;
}
.md-sidenav-right md-tabs-canvas > md-pagination-wrapper {
  width: 100% !important;
}
.md-sidenav-right md-tabs-canvas > md-pagination-wrapper > md-tab-item {
  width: 50%;
}
.md-sidenav-right md-tabs-canvas > md-pagination-wrapper md-ink-bar {
  color: #0054f4;
  background: #0054f4;
}/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.bg-color-dark .bg-color-light a {
  color: rgba(0, 0, 0, 0.87);
}

.bg-color-body {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.bg-color-body:hover {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.bg-color-body a {
  color: rgba(0, 0, 0, 0.87);
}
.bg-color-body a:hover {
  color: rgba(0, 0, 0, 0.87);
}

.bg-color-page {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.87);
}
.bg-color-page:hover {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.87);
}
.bg-color-page a {
  color: rgba(0, 0, 0, 0.87);
}
.bg-color-page a:hover {
  color: rgba(0, 0, 0, 0.87);
}

.bg-color-light {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.bg-color-light:hover {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.bg-color-light a {
  color: rgba(0, 0, 0, 0.87);
}
.bg-color-light a:hover {
  color: rgba(0, 0, 0, 0.87);
}

.bg-color-white {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.bg-color-white:hover {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.bg-color-white a {
  color: rgba(0, 0, 0, 0.87);
}
.bg-color-white a:hover {
  color: rgba(0, 0, 0, 0.87);
}

.bg-color-gray {
  background-color: #636c72;
  color: #fff;
}
.bg-color-gray:hover {
  background-color: #636c72;
  color: #fff;
}
.bg-color-gray a {
  color: #fff;
}
.bg-color-gray a:hover {
  color: #fff;
}

.bg-color-dark {
  background-color: #555555;
  color: #fff;
}
.bg-color-dark:hover {
  background-color: #555555;
  color: #fff;
}
.bg-color-dark a {
  color: #fff;
}
.bg-color-dark a:hover {
  color: #fff;
}

.bg-color-primary {
  background-color: #0054f4;
  color: #fff;
}
.bg-color-primary:hover {
  background-color: #0054f4;
  color: #fff;
}
.bg-color-primary a {
  color: #fff;
}
.bg-color-primary a:hover {
  color: #fff;
}

.bg-color-success {
  background-color: #66BB6A;
  color: #fff;
}
.bg-color-success:hover {
  background-color: #66BB6A;
  color: #fff;
}
.bg-color-success a {
  color: #fff;
}
.bg-color-success a:hover {
  color: #fff;
}

.bg-color-info {
  background-color: #00BCD4;
  color: #fff;
}
.bg-color-info:hover {
  background-color: #00BCD4;
  color: #fff;
}
.bg-color-info a {
  color: #fff;
}
.bg-color-info a:hover {
  color: #fff;
}

.bg-color-info-alt {
  background-color: #7E57C2;
  color: #fff;
}
.bg-color-info-alt:hover {
  background-color: #7E57C2;
  color: #fff;
}
.bg-color-info-alt a {
  color: #fff;
}
.bg-color-info-alt a:hover {
  color: #fff;
}

.bg-color-warning {
  background-color: #FFCA28;
  color: rgba(0, 0, 0, 0.87);
}
.bg-color-warning:hover {
  background-color: #FFCA28;
  color: rgba(0, 0, 0, 0.87);
}
.bg-color-warning a {
  color: rgba(0, 0, 0, 0.87);
}
.bg-color-warning a:hover {
  color: rgba(0, 0, 0, 0.87);
}

.bg-color-danger {
  background-color: #EF5350;
  color: #fff;
}
.bg-color-danger:hover {
  background-color: #EF5350;
  color: #fff;
}
.bg-color-danger a {
  color: #fff;
}
.bg-color-danger a:hover {
  color: #fff;
}

.mdl-data-table tbody .bg-color-dark {
  background-color: #555555;
  color: #fff;
}
.mdl-data-table tbody .bg-color-dark:hover {
  background-color: #555555;
  color: #fff;
}
.mdl-data-table tbody .bg-color-dark a {
  color: #fff;
}
.mdl-data-table tbody .bg-color-dark a:hover {
  color: #fff;
}
.mdl-data-table tbody .bg-color-primary {
  background-color: #0054f4;
  color: #fff;
}
.mdl-data-table tbody .bg-color-primary:hover {
  background-color: #0054f4;
  color: #fff;
}
.mdl-data-table tbody .bg-color-primary a {
  color: #fff;
}
.mdl-data-table tbody .bg-color-primary a:hover {
  color: #fff;
}
.mdl-data-table tbody .bg-color-success {
  background-color: #66BB6A;
  color: #fff;
}
.mdl-data-table tbody .bg-color-success:hover {
  background-color: #66BB6A;
  color: #fff;
}
.mdl-data-table tbody .bg-color-success a {
  color: #fff;
}
.mdl-data-table tbody .bg-color-success a:hover {
  color: #fff;
}
.mdl-data-table tbody .bg-color-info {
  background-color: #00BCD4;
  color: #fff;
}
.mdl-data-table tbody .bg-color-info:hover {
  background-color: #00BCD4;
  color: #fff;
}
.mdl-data-table tbody .bg-color-info a {
  color: #fff;
}
.mdl-data-table tbody .bg-color-info a:hover {
  color: #fff;
}
.mdl-data-table tbody .bg-color-danger {
  background-color: #EF5350;
  color: #fff;
}
.mdl-data-table tbody .bg-color-danger:hover {
  background-color: #EF5350;
  color: #fff;
}
.mdl-data-table tbody .bg-color-danger a {
  color: #fff;
}
.mdl-data-table tbody .bg-color-danger a:hover {
  color: #fff;
}

.color-option-check {
  position: relative;
  display: block;
}
.color-option-check input[type=radio] {
  display: none;
}
.color-option-check input[type=radio] + span:hover {
  cursor: pointer;
}
.color-option-check input[type=radio] + span {
  position: relative;
}
.color-option-check input[type=radio] + span > .overlay {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 30px;
  color: #fff;
}
.color-option-check input[type=radio]:checked + span > .overlay {
  display: block;
}
.color-option-check .color-option-item {
  overflow: hidden;
  display: block;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
}
.color-option-check .color-option-item > span {
  display: block;
  float: left;
  width: 50%;
  height: 20px;
}
.color-option-check .color-option-item .item-header {
  height: 10px;
}

.color-option-check .bg-color-page {
  background-color: #f1f1f1;
}

.theme-options > div {
  padding: 0;
}

.theme-option-check {
  position: relative;
  display: block;
  margin: 0;
  font-weight: normal;
}
.theme-option-check input[type=radio] {
  display: none;
}
.theme-option-check input[type=radio] + span:hover {
  cursor: pointer;
}
.theme-option-check input[type=radio] + span {
  position: relative;
}
.theme-option-check input[type=radio] + span > .overlay {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 60px;
  color: #fff;
}
.theme-option-check input[type=radio] + span > .overlay .material-icons {
  vertical-align: bottom;
  color: #66BB6A;
}
.theme-option-check input[type=radio]:checked + span > .overlay {
  display: block;
}
.theme-option-check .theme-option-item {
  overflow: hidden;
  display: block;
}
.theme-option-check .theme-option-item > span {
  display: block;
  text-align: center;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
}

.app-sidebar.bg-color-light .nav {
  color: rgba(0, 0, 0, 0.87) !important;
}
.app-sidebar.bg-color-light .nav a {
  color: rgba(0, 0, 0, 0.87) !important;
}
.app-sidebar.bg-color-light .nav .nav-header {
  color: #636c72;
}
.app-sidebar.bg-color-light .nav li > a:hover, .app-sidebar.bg-color-light .nav li > a:focus {
  background-color: transparent !important;
  color: #0054f4 !important;
}
.app-sidebar.bg-color-light .nav li.active > a,
.app-sidebar.bg-color-light .nav li.active > a:hover,
.app-sidebar.bg-color-light .nav li.active > a:focus {
  background-color: transparent !important;
  color: #0054f4 !important;
}
.app-sidebar.bg-color-light .nav li.open > a,
.app-sidebar.bg-color-light .nav li.open > a:hover,
.app-sidebar.bg-color-light .nav li.open > a:focus {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: #0054f4 !important;
}
.app-sidebar.bg-color-light .nav li.open > .icon-has-ul {
  color: #0054f4;
}
.app-sidebar.bg-color-light .nav li > a:focus {
  background-color: transparent;
}
.app-sidebar.bg-color-light .nav ul {
  background-color: rgba(0, 0, 0, 0.05);
}
.app-sidebar.bg-color-light .nav ul li.active > a,
.app-sidebar.bg-color-light .nav ul li.active > a:hover,
.app-sidebar.bg-color-light .nav ul li.active > a:focus, .app-sidebar.bg-color-light .nav ul li.open > a,
.app-sidebar.bg-color-light .nav ul li.open > a:hover,
.app-sidebar.bg-color-light .nav ul li.open > a:focus {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: #0054f4 !important;
}
.app-sidebar.bg-color-light .nav ul ul {
  background-color: rgba(0, 0, 0, 0.05);
}
.app-sidebar.bg-color-light .nav ul ul > li.active > a,
.app-sidebar.bg-color-light .nav ul ul > li.active > a:hover,
.app-sidebar.bg-color-light .nav ul ul > li.active > a:focus, .app-sidebar.bg-color-light .nav ul ul > li.open > a,
.app-sidebar.bg-color-light .nav ul ul > li.open > a:hover,
.app-sidebar.bg-color-light .nav ul ul > li.open > a:focus {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: #0054f4 !important;
}
.app-sidebar.bg-color-light .nav ul ul ul {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.app-sidebar.bg-color-light .sidebar-footer {
  background-color: #fafafa;
}

.app-sidebar .sidebar-header.bg-color-light a.collapsednav-toggler {
  color: rgba(0, 0, 0, 0.5);
}

html,
body,
.app-header {
  background-color: #fff;
}

.app-page-container .app-content-wrapper {
  background-color: #f5f5f5;
}

@media only screen and (max-width: 991px) {
  .app-page-container {
    background-color: #f5f5f5;
  }
}
.theme-gray,
.theme-dark {
  color: rgba(255, 255, 255, 0.7);
}
.theme-gray a:hover, .theme-gray a:focus,
.theme-dark a:hover,
.theme-dark a:focus {
  color: #0054f4;
}
.theme-gray .app-overlay,
.theme-dark .app-overlay {
  background: rgba(0, 0, 0, 0.7);
  color: rgba(255, 255, 255, 0.7);
}
.theme-gray .app-overlay input,
.theme-dark .app-overlay input {
  color: rgba(255, 255, 255, 0.7);
}
.theme-gray .app-overlay a.overlay-close,
.theme-dark .app-overlay a.overlay-close {
  color: #636c72;
}
.theme-gray .quickview-wrapper,
.theme-dark .quickview-wrapper {
  color: rgba(0, 0, 0, 0.87);
}
.theme-gray .app-sidebar .sidebar-header,
.theme-dark .app-sidebar .sidebar-header {
  color: #ffffff;
}
.theme-gray .app-sidebar .sidebar-header a,
.theme-dark .app-sidebar .sidebar-header a {
  color: #ffffff !important;
}
.theme-gray .app-footer .brand,
.theme-dark .app-footer .brand {
  color: rgba(255, 255, 255, 0.7);
}

.theme-gray .app-sidebar {
  background-color: #555555;
}
.theme-gray .app-sidebar .sidebar-header {
  background-color: #555555;
}
.theme-gray .app-sidebar .sidebar-footer {
  background-color: #555555;
}
.theme-gray .app-sidebar .nav {
  color: #ffffff !important;
}
.theme-gray .app-sidebar .nav a {
  color: #ffffff !important;
}
.theme-gray .app-page-container .app-content-wrapper {
  background-color: #5b5b5b;
}
@media only screen and (max-width: 991px) {
  .theme-gray .app-page-container {
    background-color: #5b5b5b;
  }
}
.theme-gray .app-header-inner.bg-color-light, .theme-gray .app-header-inner.bg-color-dark, .theme-gray .app-header-inner.bg-color-primary, .theme-gray .app-header-inner.bg-color-success, .theme-gray .app-header-inner.bg-color-info, .theme-gray .app-header-inner.bg-color-warning, .theme-gray .app-header-inner.bg-color-danger {
  background-color: #646464;
  color: rgba(255, 255, 255, 0.7);
}
.theme-gray .app-header-inner.bg-color-light a, .theme-gray .app-header-inner.bg-color-dark a, .theme-gray .app-header-inner.bg-color-primary a, .theme-gray .app-header-inner.bg-color-success a, .theme-gray .app-header-inner.bg-color-info a, .theme-gray .app-header-inner.bg-color-warning a, .theme-gray .app-header-inner.bg-color-danger a {
  color: rgba(255, 255, 255, 0.7);
}

.theme-dark .app-sidebar {
  background-color: #555555;
}
.theme-dark .app-sidebar .sidebar-header {
  background-color: #555555;
}
.theme-dark .app-sidebar .sidebar-footer {
  background-color: #555555;
}
.theme-dark .app-sidebar .nav {
  color: #ffffff !important;
}
.theme-dark .app-sidebar .nav a {
  color: #ffffff !important;
}
.theme-dark .app-page-container .app-content-wrapper {
  background-color: #5b5b5b;
}
@media only screen and (max-width: 991px) {
  .theme-dark .app-page-container {
    background-color: #5b5b5b;
  }
}
.theme-dark .app-header-inner.bg-color-light, .theme-dark .app-header-inner.bg-color-dark, .theme-dark .app-header-inner.bg-color-primary, .theme-dark .app-header-inner.bg-color-success, .theme-dark .app-header-inner.bg-color-info, .theme-dark .app-header-inner.bg-color-warning, .theme-dark .app-header-inner.bg-color-danger {
  background-color: #646464;
  color: rgba(255, 255, 255, 0.7);
}
.theme-dark .app-header-inner.bg-color-light a, .theme-dark .app-header-inner.bg-color-dark a, .theme-dark .app-header-inner.bg-color-primary a, .theme-dark .app-header-inner.bg-color-success a, .theme-dark .app-header-inner.bg-color-info a, .theme-dark .app-header-inner.bg-color-warning a, .theme-dark .app-header-inner.bg-color-danger a {
  color: rgba(255, 255, 255, 0.7);
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
/* Material Design Lite */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
html,
body {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 13px !important;
  font-weight: 400;
  line-height: 20px;
}

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

/**
* Styles for HTML elements
*/
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54;
  font-size: 0.6em;
}

h1 {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  margin-top: 24px;
  margin-bottom: 24px;
}

h2 {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  margin-top: 24px;
  margin-bottom: 24px;
}

h3 {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  margin-top: 24px;
  margin-bottom: 24px;
}

h4 {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 24px;
  margin-bottom: 16px;
}

h5 {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  margin-top: 24px;
  margin-bottom: 16px;
}

h6 {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  margin-top: 24px;
  margin-bottom: 16px;
}

p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 16px;
}

a {
  color: #0054f4;
  font-weight: 500;
}

blockquote {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  position: relative;
  font-size: 24px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.35;
  letter-spacing: 0.08em;
}
blockquote:before {
  position: absolute;
  left: -0.5em;
  content: "“";
}
blockquote:after {
  content: "”";
  margin-left: -0.05em;
}

mark {
  background-color: #f4ff81;
}

dt {
  font-weight: 700;
}

address {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  font-style: normal;
}

ul,
ol {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

/**
 * Class Name Styles
 */
.mdl-typography--display-4 {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
}

.mdl-typography--display-4-color-contrast {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
  opacity: 0.54;
}

.mdl-typography--display-3 {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.mdl-typography--display-3-color-contrast {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54;
}

.mdl-typography--display-2 {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
}

.mdl-typography--display-2-color-contrast {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  opacity: 0.54;
}

.mdl-typography--display-1 {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
}

.mdl-typography--display-1-color-contrast {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  opacity: 0.54;
}

.mdl-typography--headline {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
}

.mdl-typography--headline-color-contrast {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.87;
}

.mdl-typography--title {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
}

.mdl-typography--title-color-contrast {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  opacity: 0.87;
}

.mdl-typography--subhead {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
}

.mdl-typography--subhead-color-contrast {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  opacity: 0.87;
}

.mdl-typography--body-2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
}

.mdl-typography--body-2-color-contrast {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

.mdl-typography--body-1-color-contrast {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--body-2-force-preferred-font {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
}

.mdl-typography--body-2-force-preferred-font-color-contrast {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--body-1-force-preferred-font {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

.mdl-typography--body-1-force-preferred-font-color-contrast {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}

.mdl-typography--caption-force-preferred-font {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}

.mdl-typography--caption-color-contrast {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54;
}

.mdl-typography--caption-force-preferred-font-color-contrast {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54;
}

.mdl-typography--menu {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}

.mdl-typography--menu-color-contrast {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--button {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
}

.mdl-typography--button-color-contrast {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--text-left {
  text-align: left;
}

.mdl-typography--text-right {
  text-align: right;
}

.mdl-typography--text-center {
  text-align: center;
}

.mdl-typography--text-justify {
  text-align: justify;
}

.mdl-typography--text-nowrap {
  white-space: nowrap;
}

.mdl-typography--text-lowercase {
  text-transform: lowercase;
}

.mdl-typography--text-uppercase {
  text-transform: uppercase;
}

.mdl-typography--text-capitalize {
  text-transform: capitalize;
}

.mdl-typography--font-thin {
  font-weight: 200 !important;
}

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

.mdl-typography--font-regular {
  font-weight: 400 !important;
}

.mdl-typography--font-medium {
  font-weight: 500 !important;
}

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

.mdl-typography--font-black {
  font-weight: 900 !important;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.mdl-badge {
  position: relative;
  white-space: nowrap;
  margin-right: 24px;
}
.mdl-badge:not([data-badge]) {
  margin-right: auto;
}
.mdl-badge[data-badge]:after {
  content: attr(data-badge);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: absolute;
  top: -11px;
  right: -24px;
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 75%;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #00BCD4;
  color: #fff;
}
.mdl-button .mdl-badge[data-badge]:after {
  top: -10px;
  right: -5px;
}
.mdl-badge.mdl-badge--no-background[data-badge]:after {
  color: #00BCD4;
  background: #999;
  box-shadow: 0 0 1px gray;
}
.mdl-badge.mdl-badge--overlap {
  margin-right: 10px;
}
.mdl-badge.mdl-badge--overlap:after {
  right: -10px;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.mdl-card {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  min-height: 200px;
  overflow: hidden;
  width: 330px;
  z-index: 1;
  position: relative;
  background: rgb(255,255,255);
  border-radius: 2px;
  box-sizing: border-box;
}

.mdl-card__media {
  background-color: rgb(#66BB6A);
  background-repeat: repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-origin: padding-box;
  background-attachment: scroll;
  box-sizing: border-box;
}

.mdl-card__title {
  align-items: center;
  color: rgb(0,0,0);
  display: block;
  display: flex;
  justify-content: stretch;
  line-height: normal;
  padding: 16px 16px;
  perspective-origin: 165px 56px;
  transform-origin: 165px 56px;
  box-sizing: border-box;
}
.mdl-card__title.mdl-card--border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.mdl-card__title-text {
  align-self: flex-end;
  color: inherit;
  display: block;
  display: flex;
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  overflow: hidden;
  transform-origin: 149px 48px;
  margin: 0;
}

.mdl-card__subtitle-text {
  font-size: 14px;
  color: rgba(0,0,0, 0.54);
  margin: 0;
}

.mdl-card__supporting-text {
  color: rgba(0,0,0, 0.54);
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  padding: 16px 16px;
  width: 90%;
}
.mdl-card__supporting-text.mdl-card--border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.mdl-card__actions {
  font-size: 16px;
  line-height: normal;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  padding: 8px;
  box-sizing: border-box;
}
.mdl-card__actions.mdl-card--border {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.mdl-card--expand {
  flex-grow: 1;
}

.mdl-card__menu {
  position: absolute;
  right: 16px;
  top: 16px;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-data-table {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-collapse: collapse;
  white-space: nowrap;
  font-size: 13px;
  background-color: rgb(255,255,255);
}
.mdl-data-table thead {
  padding-bottom: 3px;
}
.mdl-data-table thead .mdl-data-table__select {
  margin-top: 0;
}
.mdl-data-table tbody tr {
  position: relative;
  height: 48px;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background-color;
}
.mdl-data-table tbody tr.is-selected {
  background-color: #e0e0e0;
}
.mdl-data-table tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.mdl-data-table td, .mdl-data-table th {
  padding: 0 18px 12px 18px;
  text-align: right;
}
.mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
  padding-left: 24px;
}
.mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {
  padding-right: 24px;
}
.mdl-data-table td {
  position: relative;
  vertical-align: middle;
  height: 48px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 12px;
  box-sizing: border-box;
}
.mdl-data-table td .mdl-data-table__select {
  vertical-align: middle;
}
.mdl-data-table th {
  position: relative;
  vertical-align: bottom;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
  height: 48px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  padding-bottom: 8px;
  box-sizing: border-box;
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending {
  color: rgba(0, 0, 0, 0.87);
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  content: "\e5d8";
  margin-right: 5px;
  vertical-align: sub;
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
  cursor: pointer;
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
  color: rgba(0, 0, 0, 0.26);
}
.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
  content: "\e5db";
}

.mdl-data-table__select {
  width: 16px;
}

.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
  text-align: left;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-shadow--2dp {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mdl-shadow--3dp {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.mdl-shadow--4dp {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.mdl-shadow--6dp {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.mdl-shadow--8dp {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.mdl-shadow--16dp {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.mdl-shadow--24dp {
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}

address {
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.1;
}

.divider {
  display: block;
  border: 0;
  border-top: 1px solid transparent;
  margin-top: 10px;
  margin-bottom: 10px;
}
.divider.divider-solid {
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1);
}
.divider.divider-dashed {
  border-style: dashed;
  border-color: rgba(0, 0, 0, 0.1);
}
.divider.divider-dotted {
  border-style: dotted;
  border-color: rgba(0, 0, 0, 0.1);
}

.divider-xs {
  margin-top: 3px;
  margin-bottom: 3px;
}

.divider-sm {
  margin-top: 5px;
  margin-bottom: 5px;
}

.divider-md {
  margin-top: 15px;
  margin-bottom: 15px;
}

.divider-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}

.divider-xl {
  margin-top: 30px;
  margin-bottom: 30px;
}

.divider-xxl {
  margin-top: 50px;
  margin-bottom: 50px;
}

.space {
  display: inline;
  padding: 6px;
}

.space-md {
  padding: 15px;
}

.space-lg {
  padding: 25px;
}

span.block {
  display: block;
}

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

.no-margin-h {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

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

.no-margin-left {
  margin-left: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

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

.no-border-radius {
  border-radius: 0;
}

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

.no-padding-h {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.no-shadow {
  box-shadow: 0;
}

.full-width {
  width: 100%;
}

.pull-in {
  margin-left: -15px;
  margin-right: -15px;
}

.margin-b-lg {
  margin-bottom: 30px;
}

.article-title,
.article-title-style {
  font-size: 24px;
  font-weight: normal;
  line-height: 32px;
  margin: 0.6em 0;
  color: #0054f4;
}
.article-title.color-dark,
.article-title-style.color-dark {
  color: rgba(0, 0, 0, 0.87);
}

.chapter .article {
  padding-bottom: 30px;
}
.chapter .article:nth-of-type(1) .article-title {
  margin: 0 0 30px;
  border-top: none;
}
.chapter .article.article-dark {
  background-color: rgba(0, 0, 0, 0.015);
}
.chapter .article.article-bordered {
  border-top: 1px solid rgba(0, 0, 0, 0.117647);
  border-bottom: 1px solid rgba(0, 0, 0, 0.117647);
}
.chapter .article.article-bordered:last-child {
  border-bottom: 0;
}
.chapter .article.padding-lg-v {
  padding: 75px 0;
}
.chapter .article-title {
  font-size: 24px;
  padding-top: 80px;
  font-weight: normal;
  line-height: 32px;
  margin: 48px 0 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.117647);
  color: #0054f4;
}

.hero {
  padding: 70px 0 75px;
  text-align: center;
}

.hero-title {
  -webkit-font-smoothing: antialiased;
}

.hero-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 45px;
  font-weight: 300;
  line-height: 50px;
  margin-bottom: 10px;
}

.hero-tagline {
  margin: 10px auto 30px;
  max-width: 700px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
}

.theme-gray .hero-title,
.theme-gray .hero-tagline,
.theme-dark .hero-title,
.theme-dark .hero-tagline {
  color: rgba(255, 255, 255, 0.7);
}
.theme-gray .article-title.color-dark,
.theme-dark .article-title.color-dark {
  color: rgba(255, 255, 255, 0.7);
}

.container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}
.container-fluid.padding-lg-h {
  padding-left: 30px;
  padding-right: 30px;
}
.container-fluid.with-maxwidth {
  max-width: 1400px;
}
.container-fluid.with-maxwidth-lg {
  max-width: 960px;
}
.container-fluid.with-maxwidth-md {
  max-width: 960px;
}
.container-fluid.with-maxwidth-sm {
  max-width: 720px;
}
.container-fluid.no-breadcrumbs {
  padding-top: 2em;
  padding-bottom: 1em;
}

.gradient-text {
  font-size: 150px;
  font-weight: 300;
  color: #0054f4;
  background: -webkit-linear-gradient(92deg, #fb83fa, #00aced);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-small {
  font-size: 12px;
}

.text-normal {
  font-size: 1rem;
}

.text-huge {
  font-size: 72px;
}

.text-large {
  font-size: 50px;
}

.text-thin {
  font-weight: 300;
}

.text-ultralight {
  font-weight: 100;
}

.bold {
  font-weight: 500;
}

.color-primary,
a.color-primary {
  color: #0054f4;
}
.color-primary:hover,
a.color-primary:hover {
  color: #0054f4;
}

.color-success,
a.color-success {
  color: #66BB6A;
}
.color-success:hover,
a.color-success:hover {
  color: #66BB6A;
}

.color-info,
a.color-info {
  color: #00BCD4;
}
.color-info:hover,
a.color-info:hover {
  color: #00BCD4;
}

.color-info-alt,
a.color-info-alt {
  color: #7E57C2;
}
.color-info-alt:hover,
a.color-info-alt:hover {
  color: #7E57C2;
}

.color-warning,
a.color-warning {
  color: #FFCA28;
}
.color-warning:hover,
a.color-warning:hover {
  color: #FFCA28;
}

.color-danger,
a.color-danger {
  color: #EF5350;
}
.color-danger:hover,
a.color-danger:hover {
  color: #EF5350;
}

.color-dark,
a.color-dark {
  color: #555555;
}
.color-dark:hover,
a.color-dark:hover {
  color: #555555;
}

.color-white,
a.color-white {
  color: #fff;
}
.color-white:hover,
a.color-white:hover {
  color: #fff;
}

.color-gray-darker,
a.color-gray-darker {
  color: #222;
}
.color-gray-darker:hover,
a.color-gray-darker:hover {
  color: #222;
}

.color-gray-dark,
a.color-gray-dark {
  color: #292b2c;
}
.color-gray-dark:hover,
a.color-gray-dark:hover {
  color: #292b2c;
}

.color-gray,
a.color-gray {
  color: #464a4c;
}
.color-gray:hover,
a.color-gray:hover {
  color: #464a4c;
}

.color-gray-light,
a.color-gray-light {
  color: #636c72;
}
.color-gray-light:hover,
a.color-gray-light:hover {
  color: #636c72;
}

.color-gray-lighter,
a.color-gray-lighter {
  color: #eceeef;
}
.color-gray-lighter:hover,
a.color-gray-lighter:hover {
  color: #eceeef;
}

.dropcap,
.dropcap-square,
.dropcap-circle {
  display: block;
  float: left;
  font-weight: normal;
  line-height: 36px;
  margin-right: 6px;
  text-shadow: none;
}

.dropcap {
  font-size: 3.1em;
}

.dropcap-square,
.dropcap-circle {
  background-color: #eceeef;
  color: rgba(0, 0, 0, 0.87);
  width: 36px;
  text-align: center;
}

.dropcap-square {
  border-radius: 0.2rem;
  font-size: 2.3em;
}

.dropcap-circle {
  border-radius: 50%;
  font-size: 1.78em;
}

.dropcap.colored {
  color: #0054f4;
}

.dropcap-square.colored,
.dropcap-circle.colored {
  background-color: #0054f4;
  color: #fff;
}

.ui-highlight {
  background-color: #555555;
  color: #fff;
  border-radius: 0.2rem;
  padding: 2px 5px;
}
.ui-highlight.colored {
  background-color: #0054f4;
}

a.btn-w-xs,
button.btn-w-xs {
  min-width: 80px;
}
a.btn-w-sm,
button.btn-w-sm {
  min-width: 100px;
}
a.btn-w-md,
button.btn-w-md {
  min-width: 135px;
}
a.btn-w-lg,
button.btn-w-lg {
  min-width: 160px;
}
a.btn-round,
button.btn-round {
  border-radius: 2em;
}
a.btn-gap,
button.btn-gap {
  margin: 5px;
}
a.btn-gap-h,
button.btn-gap-h {
  margin: 0 5px;
}
a.btn-gap-v,
button.btn-gap-v {
  margin: 0 0 5px;
}

.btn-icon {
  height: 35px;
  width: 35px;
  line-height: 35px;
  padding: 0;
  display: inline-block;
  text-align: center;
  border-radius: 0.2rem;
}
.btn-icon i {
  line-height: 35px;
}
.btn-icon.btn-icon-lined {
  line-height: 31px;
}
.btn-icon.btn-icon-lined i {
  line-height: 31px;
}
.btn-icon.btn-icon-lined.btn-icon-thin {
  line-height: 33px;
}
.btn-icon.btn-icon-lined.btn-icon-thin i {
  line-height: 33px;
}

.btn-icon-round {
  border-radius: 50%;
}

.btn-icon-sm {
  height: 30px;
  width: 30px;
  line-height: 30px;
}
.btn-icon-sm i {
  line-height: 30px;
}
.btn-icon-sm.btn-icon-lined {
  line-height: 26px;
}
.btn-icon-sm.btn-icon-lined i {
  line-height: 26px;
}
.btn-icon-sm.btn-icon-lined.btn-icon-thin {
  line-height: 28px;
}
.btn-icon-sm.btn-icon-lined.btn-icon-thin i {
  line-height: 28px;
}

.btn-icon-md {
  height: 45px;
  width: 45px;
  line-height: 45px;
  font-size: 18px;
}
.btn-icon-md i {
  line-height: 45px;
}
.btn-icon-md.btn-icon-lined {
  line-height: 41px;
}
.btn-icon-md.btn-icon-lined i {
  line-height: 41px;
}
.btn-icon-md.btn-icon-lined.btn-icon-thin {
  line-height: 43px;
}
.btn-icon-md.btn-icon-lined.btn-icon-thin i {
  line-height: 43px;
}

.btn-icon-lg {
  height: 65px;
  width: 65px;
  line-height: 65px;
  font-size: 28px;
}
.btn-icon-lg i {
  line-height: 65px;
}
.btn-icon-lg.btn-icon-lined {
  line-height: 61px;
}
.btn-icon-lg.btn-icon-lined i {
  line-height: 61px;
}
.btn-icon-lg.btn-icon-lined.btn-icon-thin {
  line-height: 63px;
}
.btn-icon-lg.btn-icon-lined.btn-icon-thin i {
  line-height: 63px;
}

.btn-icon-lg-alt {
  height: 70px;
  width: 70px;
  line-height: 70px;
}
.btn-icon-lg-alt i {
  line-height: 70px;
}
.btn-icon-lg-alt.btn-icon-lined {
  line-height: 66px;
}
.btn-icon-lg-alt.btn-icon-lined i {
  line-height: 66px;
}
.btn-icon-lg-alt.btn-icon-lined.btn-icon-thin {
  line-height: 68px;
}
.btn-icon-lg-alt.btn-icon-lined.btn-icon-thin i {
  line-height: 68px;
}

.btn-icon-xl {
  height: 80px;
  width: 80px;
  line-height: 80px;
}
.btn-icon-xl i {
  line-height: 80px;
}
.btn-icon-xl.btn-icon-lined {
  line-height: 76px;
}
.btn-icon-xl.btn-icon-lined i {
  line-height: 76px;
}
.btn-icon-xl.btn-icon-lined.btn-icon-thin {
  line-height: 78px;
}
.btn-icon-xl.btn-icon-lined.btn-icon-thin i {
  line-height: 78px;
}

.btn-twitter {
  color: #fff;
  background-color: #00c7f7;
  border-color: #00c7f7;
}
.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active {
  color: #fff;
  text-decoration: none;
  background-color: #00a6ce;
  border-color: #0096ba;
}

.btn-facebook {
  color: #fff;
  background-color: #335397;
  border-color: #335397;
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active {
  color: #fff;
  text-decoration: none;
  background-color: #294279;
  border-color: #243a69;
}

.btn-gplus,
.btn-google-plus {
  color: #fff;
  background-color: #dd4a38;
  border-color: #dd4a38;
}
.btn-gplus:hover, .btn-gplus:focus, .btn-gplus:active,
.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active {
  color: #fff;
  text-decoration: none;
  background-color: #ca3522;
  border-color: #b8301f;
}

.btn-instagram {
  color: #fff;
  background-color: #82685A;
  border-color: #82685A;
}
.btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active {
  color: #fff;
  text-decoration: none;
  background-color: #6a5549;
  border-color: #5e4b41;
}

.btn-vimeo {
  color: #fff;
  background-color: #63879C;
  border-color: #63879C;
}
.btn-vimeo:hover, .btn-vimeo:focus, .btn-vimeo:active {
  color: #fff;
  text-decoration: none;
  background-color: #537183;
  border-color: #4b6777;
}

.btn-flickr {
  color: #fff;
  background-color: #0061DB;
  border-color: #0061DB;
}
.btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active {
  color: #fff;
  text-decoration: none;
  background-color: #004fb2;
  border-color: #00469e;
}

.btn-github {
  color: #fff;
  background-color: #3B3B3B;
  border-color: #3B3B3B;
}
.btn-github:hover, .btn-github:focus, .btn-github:active {
  color: #fff;
  text-decoration: none;
  background-color: #272727;
  border-color: #1c1c1c;
}

.btn-pinterest {
  color: #fff;
  background-color: #D73532;
  border-color: #D73532;
}
.btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active {
  color: #fff;
  text-decoration: none;
  background-color: #bc2725;
  border-color: #ab2421;
}

.btn-tumblr {
  color: #fff;
  background-color: #586980;
  border-color: #586980;
}
.btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active {
  color: #fff;
  text-decoration: none;
  background-color: #475568;
  border-color: #3f4b5c;
}

.btn-linkedin {
  color: #fff;
  background-color: #018FAF;
  border-color: #018FAF;
}
.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active {
  color: #fff;
  text-decoration: none;
  background-color: #016e86;
  border-color: #015d72;
}

.btn-dribbble {
  color: #fff;
  background-color: #EA73A0;
  border-color: #EA73A0;
}
.btn-dribbble:hover, .btn-dribbble:focus, .btn-dribbble:active {
  color: #fff;
  text-decoration: none;
  background-color: #e55088;
  border-color: #e23e7c;
}

.btn-stumbleupon {
  color: #fff;
  background-color: #EA4B24;
  border-color: #EA4B24;
}
.btn-stumbleupon:hover, .btn-stumbleupon:focus, .btn-stumbleupon:active {
  color: #fff;
  text-decoration: none;
  background-color: #d13914;
  border-color: #bf3412;
}

.btn-lastfm {
  color: #fff;
  background-color: #B80638;
  border-color: #B80638;
}
.btn-lastfm:hover, .btn-lastfm:focus, .btn-lastfm:active {
  color: #fff;
  text-decoration: none;
  background-color: #90052c;
  border-color: #7d0426;
}

.btn-evernote {
  color: #fff;
  background-color: #3BAB27;
  border-color: #3BAB27;
}
.btn-evernote:hover, .btn-evernote:focus, .btn-evernote:active {
  color: #fff;
  text-decoration: none;
  background-color: #308a1f;
  border-color: #2a791c;
}

.btn-skype {
  color: #fff;
  background-color: #00B0F6;
  border-color: #00B0F6;
}
.btn-skype:hover, .btn-skype:focus, .btn-skype:active {
  color: #fff;
  text-decoration: none;
  background-color: #0093cd;
  border-color: #0084b9;
}

.btn-soundcloud {
  color: #fff;
  background-color: #0066FF;
  border-color: #0066FF;
}
.btn-soundcloud:hover, .btn-soundcloud:focus, .btn-soundcloud:active {
  color: #fff;
  text-decoration: none;
  background-color: #0056d6;
  border-color: #004ec2;
}

.btn-behance {
  color: #fff;
  background-color: #B80638;
  border-color: #B80638;
}
.btn-behance:hover, .btn-behance:focus, .btn-behance:active {
  color: #fff;
  text-decoration: none;
  background-color: #90052c;
  border-color: #7d0426;
}

.btn-rss {
  color: #fff;
  background-color: #F79638;
  border-color: #F79638;
}
.btn-rss:hover, .btn-rss:focus, .btn-rss:active {
  color: #fff;
  text-decoration: none;
  background-color: #f58111;
  border-color: #e87709;
}

.btn-youtube {
  color: #fff;
  background-color: #CC181E;
  border-color: #CC181E;
}
.btn-youtube:hover, .btn-youtube:focus, .btn-youtube:active {
  color: #fff;
  text-decoration: none;
  background-color: #a71419;
  border-color: #951216;
}

.theme-gray .btn-default,
.theme-gray .btn-secondary,
.theme-dark .btn-default,
.theme-dark .btn-secondary {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.7);
}

@media only screen and (max-width: 800px) {
  .table-flip-scroll {
    /* sort out borders */
  }
  .table-flip-scroll .cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  .table-flip-scroll * html .cf {
    zoom: 1;
  }
  .table-flip-scroll *:first-child + html .cf {
    zoom: 1;
  }
  .table-flip-scroll table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .table-flip-scroll th,
  .table-flip-scroll td {
    margin: 0;
    vertical-align: top;
  }
  .table-flip-scroll th {
    text-align: left;
  }
  .table-flip-scroll table {
    display: block;
    position: relative;
    width: 100%;
  }
  .table-flip-scroll thead {
    display: block;
    float: left;
  }
  .table-flip-scroll tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  .table-flip-scroll thead tr {
    display: block;
  }
  .table-flip-scroll .table > thead > tr > th:first-child {
    border-top: 1px solid #ddd;
  }
  .table-flip-scroll th {
    display: block;
    text-align: right;
  }
  .table-flip-scroll tbody tr {
    display: inline-block;
    vertical-align: top;
  }
  .table-flip-scroll td {
    display: block;
    min-height: 1.25em;
    text-align: left;
  }
  .table-flip-scroll th {
    border-bottom: 0;
    border-left: 0;
  }
  .table-flip-scroll td {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  .table-flip-scroll tbody tr {
    border-left: 1px solid #babcbf;
  }
  .table-flip-scroll th:last-child,
  .table-flip-scroll td:last-child {
    border-bottom: 1px solid #babcbf;
  }
  .table-flip-scroll .mdl-data-table tbody tr {
    height: auto;
  }
}
.theme-gray .form-control,
.theme-gray .input-group-addon,
.theme-dark .form-control,
.theme-dark .input-group-addon {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.7);
}
.theme-gray .help-block,
.theme-dark .help-block {
  color: #636c72;
}

.input-round {
  border-radius: 2em;
}

input.input-primary {
  border-color: #0054f4;
}
input.input-primary:focus {
  border-color: #0054f4;
}

input.input-info {
  border-color: #00BCD4;
}
input.input-info:focus {
  border-color: #00BCD4;
}

input.input-success {
  border-color: #66BB6A;
}
input.input-success:focus {
  border-color: #66BB6A;
}

input.input-warning {
  border-color: #FFCA28;
}
input.input-warning:focus {
  border-color: #FFCA28;
}

input.input-danger {
  border-color: #EF5350;
}
input.input-danger:focus {
  border-color: #EF5350;
}

.box {
  position: relative;
  margin-bottom: 1.5rem;
  border: 0;
  border-radius: 0.2rem;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}
.box.box-transparent {
  box-shadow: none;
}
.box .box-dark {
  background-color: rgba(0, 0, 0, 0.03);
}

.box-default {
  background-color: #fff;
}

.box-header,
.box-heading {
  padding: 0.75rem 1.25rem;
  border-bottom: 1px solid transparent;
  border-radius: -0.8rem -0.8rem 0 0;
  font-weight: 500;
}

.box-toolbar {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}
.box-toolbar a {
  color: #636c72;
}
.box-toolbar a .material-icons {
  font-size: 1rem;
}

.box-divider {
  height: 1px;
  background: rgba(0, 0, 0, 0.08);
  margin: 0 1.25rem;
}

.box-body {
  padding: 1.25rem;
}
.box-body::after {
  display: block;
  clear: both;
  content: "";
}
.box-body.padding-lg {
  padding: 30px 15px;
}
.box-body.padding-xl {
  padding: 60px 15px;
}
.box-body.padding-lg-h {
  padding: 15px 30px;
}
.box-body.padding-lg-v {
  padding: 30px 15px;
}

.theme-gray .box-default {
  background-color: #646464;
}

.theme-dark .box-default {
  background-color: #646464;
}

.breadcrumb {
  display: block;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  padding: 15px 0;
  text-transform: uppercase;
  color: #ccc;
  text-shadow: none;
  font-size: 11px;
}
.breadcrumb a {
  color: #ccc;
  text-decoration: none;
}
.breadcrumb a:hover {
  color: #0054f4;
}
.breadcrumb li {
  padding-left: 0;
}

.call-to-action {
  position: relative;
  text-align: center;
}
.call-to-action .cta-inner {
  padding: 2em 0;
}
.call-to-action .cta-text {
  font-size: 24px;
  line-height: 30px;
}
.call-to-action .cta-btn {
  margin: 30px 0 10px;
}
.call-to-action .cta-muted {
  opacity: 0.7;
}
.call-to-action.cta-inline .cta-text {
  font-size: 20px;
  font-weight: 300;
}
.call-to-action.cta-inline .cta-btn {
  display: inline-block;
  margin: 0 0 0 30px;
}
.call-to-action.cta-full-width .cta-inner {
  padding: 6em 1em;
}
.call-to-action.cta-bg-img {
  background-size: cover;
  background-position: center;
  color: rgba(255, 255, 255, 0.8);
}
.call-to-action.cta-bg-img .cta-inner {
  background-color: rgba(0, 0, 0, 0.35);
  padding: 7em 1em;
}

.callout {
  margin: 20px 0;
  padding: 20px;
  border-left: 3px solid #eee;
}
.callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 1.25rem;
  line-height: 1.5;
}
.callout p:last-child {
  margin-bottom: 0;
}

.callout-success {
  background-color: rgba(102, 187, 106, 0.08);
  border-color: #66BB6A;
}
.callout-success h4 {
  color: #66BB6A;
}

.callout-info {
  background-color: rgba(0, 188, 212, 0.05);
  border-color: #00BCD4;
}
.callout-info h4 {
  color: #00BCD4;
}

.callout-warning {
  background-color: rgba(255, 202, 40, 0.08);
  border-color: #FFCA28;
}
.callout-warning h4 {
  color: #FFCA28;
}

.callout-danger {
  background-color: rgba(239, 83, 80, 0.05);
  border-color: #EF5350;
}
.callout-danger h4 {
  color: #EF5350;
}

.card-white {
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
}

a.item-card {
  display: block;
  text-decoration: none;
}
a.item-card:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.item-card {
  position: relative;
  transition: 0.2s linear;
}
.item-card img {
  max-width: 100%;
  max-height: 100%;
}
.item-card .card__image {
  padding: 30px 15px;
  height: 300px;
  background-color: rgba(0, 0, 0, 0.035);
  text-align: center;
}
.item-card h1, .item-card h2, .item-card h3, .item-card h4, .item-card h5, .item-card h6 {
  margin: 0;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.5;
}
.item-card h6 {
  font-size: 10px;
  opacity: 0.5;
}
.item-card h4 {
  font-size: 16px;
}
.item-card .card__body {
  position: relative;
  padding: 30px 15px;
  margin-bottom: 30px;
}
.item-card .card__price {
  position: absolute;
  top: 30px;
  right: 15px;
}
.item-card .card__price span {
  display: block;
  color: #636c72;
}
.item-card .card__price span.type--strikethrough {
  opacity: 0.5;
  text-decoration: line-through;
}
.item-card.card__horizontal {
  position: relative;
  margin-bottom: 30px;
}
.item-card.card__horizontal .card__image {
  width: 50%;
}
.item-card.card__horizontal .card__body {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  padding: 40px 30px;
}
.item-card.card__horizontal .card__price {
  top: 30px;
  right: 30px;
}
.item-card.card__horizontal .card__desc {
  margin: 0 25% 3em 0;
  opacity: 0.7;
}

.theme-gray .card-white,
.theme-dark .card-white {
  color: rgba(255, 255, 255, 0.7);
}
.theme-gray .card-white h1, .theme-gray .card-white h2, .theme-gray .card-white h3, .theme-gray .card-white h4, .theme-gray .card-white h5, .theme-gray .card-white h6,
.theme-dark .card-white h1,
.theme-dark .card-white h2,
.theme-dark .card-white h3,
.theme-dark .card-white h4,
.theme-dark .card-white h5,
.theme-dark .card-white h6 {
  color: rgba(255, 255, 255, 0.7);
}

.theme-gray .card-white {
  background-color: #646464;
}

.theme-dark .card-white {
  background-color: #646464;
}

.feature-callout {
  position: relative;
  clear: both;
}
@media (min-width: 768px) {
  .feature-callout.feature-content-left .callout-feature-content {
    padding-right: 2em;
  }
}
@media (min-width: 1200px) {
  .feature-callout.feature-content-left .callout-feature-content {
    padding-right: 3em;
  }
}
@media (min-width: 768px) {
  .feature-callout.feature-content-right .callout-feature-content {
    padding-left: 2em;
  }
}
@media (min-width: 1200px) {
  .feature-callout.feature-content-right .callout-feature-content {
    padding-left: 3em;
  }
}
.feature-callout.feature-content-center .callout-feature-content {
  text-align: center;
  max-width: 75%;
  margin: 0 auto;
}
.feature-callout .md-button {
  padding: 5px 0;
  min-width: 150px;
}

.feature-callout-cover,
.feature-callout-image-pull {
  background-size: cover;
  background-position: center;
}

.feature-callout-image-pull {
  min-height: 200px;
}
@media (min-width: 768px) {
  .feature-callout-image-pull {
    position: absolute;
    top: 0;
    bottom: 0;
  }
}

.callout-feature-content {
  padding: 3em 0;
}
@media (min-width: 768px) {
  .callout-feature-content {
    padding-top: 6em;
    padding-bottom: 6em;
  }
}
@media (min-width: 992px) {
  .callout-feature-content {
    padding-top: 8em;
    padding-bottom: 8em;
  }
}
@media (min-width: 1200px) {
  .callout-feature-content {
    padding-top: 12em;
    padding-bottom: 12em;
  }
}
.callout-feature-content h2 {
  font-size: 24px;
  margin-top: 0;
}
@media (min-width: 768px) {
  .callout-feature-content h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.9;
    margin: 0;
  }
}
.callout-feature-content p {
  line-height: 1.75;
  hyphens: none;
}
.callout-feature-content p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .callout-feature-content p {
    line-height: 2;
    margin: 1.5em 0;
  }
}

.feature-callout-cover.has-overlay {
  color: #fff;
}
.feature-callout-cover.has-overlay:after {
  content: " ";
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.25);
}
.feature-callout-cover .with-maxwidth {
  position: relative;
  z-index: 2;
}
.feature-callout-cover h2 {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media (min-width: 768px) {
  .feature-callout-cover h2 {
    font-size: 48px;
  }
}

.ih-item {
  position: relative;
  border-radius: 0.2rem;
  transition: all 0.35s ease-in-out;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  border-radius: 0.2rem;
  width: 100%;
  height: 100%;
}

.ih-item.square {
  position: relative;
  margin-bottom: 30px;
}
.ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  backface-visibility: hidden;
}

.ih-item.ih-material {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
.ih-item.ih-material .info-mask {
  content: "";
  position: absolute;
  top: -25%;
  left: 0;
  right: 0;
  padding-bottom: 100%;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.ih-item.ih-material .info-content {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  backface-visibility: hidden;
  transform: scale(0.5);
  transition: all 0.3s ease;
}
.ih-item.ih-material .info-content:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: -0.5em;
}
.ih-item.ih-material .info-content .info-inner {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}
.ih-item.ih-material .info-content .info-inner h3 {
  margin: 0 0 10px;
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
  line-height: 1;
}
.ih-item.ih-material .info-content .info-inner p {
  font-style: italic;
  font-size: 12px;
  color: #eceeef;
}
.ih-item.ih-material .bg-color-white + .info-content .info-inner h3,
.ih-item.ih-material .bg-color-warning + .info-content .info-inner h3 {
  color: rgba(0, 0, 0, 0.87);
}
.ih-item.ih-material .bg-color-white + .info-content .info-inner p,
.ih-item.ih-material .bg-color-warning + .info-content .info-inner p {
  color: #999;
}
.ih-item.ih-material a:hover .info-content {
  opacity: 1;
  transform: scale(1);
}
.ih-item.ih-material a:hover .info-mask {
  opacity: 0.8;
  transform: scale(1.21);
}

.ih-item.square.effect3 {
  overflow: hidden;
}
.ih-item.square.effect3 .info {
  height: 65px;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect3 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  line-height: 1;
  padding: 10px 10px 0 4px;
  margin: 4px 0 0 0;
}
.ih-item.square.effect3 .info p {
  margin: 0;
  font-style: italic;
  font-size: 12px;
  line-height: 20px;
  position: relative;
  color: rgba(255, 255, 255, 0.7);
  padding: 5px;
  text-align: center;
}
.ih-item.square.effect3 .info.bg-color-primary {
  background-color: rgba(0, 84, 244, 0.8);
}
.ih-item.square.effect3 .info.bg-color-info {
  background-color: rgba(0, 188, 212, 0.8);
}
.ih-item.square.effect3 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect3.bottom_to_top .info {
  top: auto;
  transform: translateY(100%);
}
.ih-item.square.effect3.bottom_to_top a:hover .info {
  transform: translateY(0);
}

.ih-item.square.effect3.top_to_bottom .info {
  bottom: auto;
  transform: translateY(-100%);
}
.ih-item.square.effect3.top_to_bottom a:hover .info {
  transform: translateY(0);
}

.icon-box {
  margin-top: 30px;
  position: relative;
  padding: 0 0 0 80px;
}
.icon-box .ibox-icon {
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  top: 0;
  left: 0;
}
.icon-box .ibox-icon a {
  text-decoration: none;
}
.icon-box .ibox-icon a,
.icon-box .ibox-icon i,
.icon-box .ibox-icon img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #FFF;
}
.icon-box .ibox-icon i,
.icon-box .ibox-icon img {
  border-radius: 50%;
  background-color: #0054f4;
}
.icon-box .ibox-icon i {
  font-style: normal;
  font-size: 28px;
  text-align: center;
  line-height: 64px;
}
.icon-box h3 {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  color: rgba(0, 0, 0, 0.87);
}
.icon-box p {
  margin: 8px 0 0 0;
  color: #999;
}
.icon-box .before-heading {
  font-size: 14px;
}

/* Icon Box - Icon Large
-----------------------------------------------------------------*/
.icon-box.ibox-lg {
  padding: 0 0 0 115px;
}
.icon-box.ibox-lg .ibox-icon {
  width: 96px;
  height: 96px;
}
.icon-box.ibox-lg .ibox-icon i {
  font-size: 42px;
  line-height: 96px;
}

/* Icon Box - Icon Outline
-----------------------------------------------------------------*/
.icon-box.ibox-outline .ibox-icon {
  border: 1px solid #0054f4;
  border-radius: 50%;
  padding: 3px;
}
.icon-box.ibox-outline .ibox-icon i {
  line-height: 56px;
}

/* Icon Box - Icon Outline Large
-----------------------------------------------------------------*/
.icon-box.ibox-outline.ibox-lg .ibox-icon {
  padding: 4px;
}
.icon-box.ibox-outline.ibox-lg .ibox-icon i {
  line-height: 86px;
}

/* Icon Box - Icon Rounded
-----------------------------------------------------------------*/
.icon-box.ibox-rounded .ibox-icon {
  border-radius: 0.2rem !important;
}
.icon-box.ibox-rounded .ibox-icon i,
.icon-box.ibox-rounded .ibox-icon img {
  border-radius: 0.2rem !important;
}

/* Icon Box - Icon Rounded & Large
-----------------------------------------------------------------*/
.icon-box.ibox-rounded.ibox-lg .ibox-icon {
  border-radius: 0.2rem !important;
}
.icon-box.ibox-rounded.ibox-lg .ibox-icon i,
.icon-box.ibox-rounded.ibox-lg .ibox-icon img {
  border-radius: 0.2rem !important;
}

/* Icon Box - Light Background
-----------------------------------------------------------------*/
.icon-box.ibox-light i,
.icon-box.ibox-light img {
  background-color: #e5e5e5;
  color: rgba(0, 0, 0, 0.87);
}
.icon-box.ibox-light.ibox-outline .ibox-icon {
  border-color: #E5E5E5;
}
.icon-box.ibox-light.ibox-outline .ibox-icon i {
  line-height: 54px;
}
.icon-box.ibox-light.ibox-outline i,
.icon-box.ibox-light.ibox-outline img {
  border: 1px solid #E5E5E5;
  background-color: #e5e5e5;
  color: rgba(0, 0, 0, 0.87);
}
.icon-box.ibox-light.ibox-outline.ibox-lg .ibox-icon i {
  line-height: 84px;
}
.icon-box.ibox-light .ibox-icon i {
  line-height: 62px;
}
.icon-box.ibox-lg .ibox-icon i {
  line-height: 96px;
}

/* Icon Box - Dark Background
-----------------------------------------------------------------*/
.icon-box.ibox-dark.ibox-outline .ibox-icon {
  border-color: rgba(0, 0, 0, 0.87);
}
.icon-box.ibox-dark .ibox-icon i,
.icon-box.ibox-dark .ibox-icon img {
  background-color: rgba(0, 0, 0, 0.87);
}

/* Icon Box - Border
-----------------------------------------------------------------*/
.icon-box.ibox-border .ibox-icon {
  border: 1px solid #0054f4;
  border-radius: 50%;
}
.icon-box.ibox-border .ibox-icon i,
.icon-box.ibox-border .ibox-icon img {
  border: none;
  background-color: transparent !important;
  color: #0054f4;
}
.icon-box.ibox-border .ibox-icon {
  padding: 0;
}
.icon-box.ibox-border .ibox-icon i {
  line-height: 62px !important;
}
.icon-box.ibox-border.ibox-lg .ibox-icon i {
  line-height: 94px !important;
}

/* Icon Box - Border - Light
-----------------------------------------------------------------*/
.icon-box.ibox-border.ibox-light .ibox-icon {
  border-color: #E5E5E5;
}
.icon-box.ibox-border.ibox-light i,
.icon-box.ibox-border.ibox-light img {
  color: #888;
}

/* Icon Box - Border - Dark
-----------------------------------------------------------------*/
.icon-box.ibox-border.ibox-dark .ibox-icon {
  border-color: #333;
}
.icon-box.ibox-border.ibox-dark i,
.icon-box.ibox-border.ibox-dark img {
  color: rgba(0, 0, 0, 0.87);
}

/* Icon Box - Plain
-----------------------------------------------------------------*/
.icon-box.ibox-plain .ibox-icon {
  border: none !important;
  height: auto !important;
}
.icon-box.ibox-plain .ibox-icon i,
.icon-box.ibox-plain .ibox-icon img {
  border: none !important;
  background-color: transparent !important;
  color: #0054f4;
  border-radius: 0;
}
.icon-box.ibox-plain .ibox-icon i {
  font-size: 48px;
  line-height: 1 !important;
}
.icon-box.ibox-plain .ibox-icon img {
  height: 64px;
}
.icon-box.ibox-plain.ibox-image .ibox-icon {
  width: auto;
}
.icon-box.ibox-plain.ibox-image img {
  width: auto;
  display: inline-block;
}
.icon-box.ibox-plain.ibox-small {
  padding-left: 42px;
}
.icon-box.ibox-plain.ibox-small .ibox-icon {
  width: 28px;
}
.icon-box.ibox-plain.ibox-small .ibox-icon i {
  font-size: 28px;
}
.icon-box.ibox-plain.ibox-small .ibox-icon img {
  height: 28px;
}
.icon-box.ibox-plain.ibox-small h3 {
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 10px;
}
.icon-box.ibox-plain.ibox-small p {
  margin-left: -42px;
}
.icon-box.ibox-plain.ibox-lg .ibox-icon i {
  font-size: 72px;
}
.icon-box.ibox-plain.ibox-lg .ibox-icon img {
  height: 96px;
}
.icon-box.ibox-plain.ibox-light .ibox-icon i,
.icon-box.ibox-plain.ibox-light .ibox-icon img {
  color: #888;
}
.icon-box.ibox-plain.ibox-dark .ibox-icon i,
.icon-box.ibox-plain.ibox-dark .ibox-icon img {
  color: rgba(0, 0, 0, 0.87);
}

/* Icon Box - Center
-----------------------------------------------------------------*/
.icon-box.ibox-center {
  padding: 0;
  text-align: center;
}
.icon-box.ibox-center.ibox-small {
  padding-left: 0 !important;
}
.icon-box.ibox-center .ibox-icon {
  position: relative;
  margin: 0 auto;
}
.icon-box.ibox-center h3 {
  margin: 0.8em 0 0;
}
.icon-box.ibox-center p {
  font-size: 14px;
  margin-top: 0em;
}

/* Icon Box - Right
-----------------------------------------------------------------*/
.icon-box.ibox-right {
  padding: 0 80px 0 0;
  text-align: right;
}
.icon-box.ibox-right.ibox-lg {
  padding-right: 115px;
}
.icon-box.ibox-right .ibox-icon {
  left: auto;
  right: 0;
}
.icon-box.ibox-right.ibox-plain.ibox-small {
  padding: 0 42px 0 0;
}
.icon-box.ibox-right.ibox-plain.ibox-small p {
  margin: 0 -42px 0 0;
}

/* Dark Theme
-----------------------------------------------------------------*/
.theme-gray .icon-box h3,
.theme-dark .icon-box h3 {
  color: rgba(255, 255, 255, 0.7);
}

/* Boxed
-----------------------------------------------------------------*/
.box-body > .icon-box {
  margin-top: 0;
}

.preloaderbar {
  z-index: 1040;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  margin-bottom: -4px;
}
.preloaderbar .bar {
  position: absolute;
  width: 100%;
  height: 0;
  text-indent: -9999px;
  background-color: #23b7e5;
}
.preloaderbar .bar:before {
  position: absolute;
  right: 50%;
  left: 50%;
  height: 4px;
  background-color: inherit;
  content: "";
}
.preloaderbar.active {
  animation: changebar 2.25s infinite 0.75s;
}
.preloaderbar.active .bar {
  animation: changebar 2.25s infinite;
}
.preloaderbar.active .bar:before {
  animation: movingbar 0.75s infinite;
}

@keyframes movingbar {
  0% {
    right: 50%;
    left: 50%;
  }
  99.9% {
    right: 0;
    left: 0;
  }
  100% {
    right: 50%;
    left: 50%;
  }
}
@keyframes changebar {
  0% {
    background-color: #9CCC65;
  }
  33.3% {
    background-color: #9CCC65;
  }
  33.33% {
    background-color: #FFCA28;
  }
  66.6% {
    background-color: #FFCA28;
  }
  66.66% {
    background-color: #EF5350;
  }
  99.9% {
    background-color: #EF5350;
  }
  100% {
    background-color: #9CCC65;
  }
}
.mdl-card.mdl-card-full-width {
  width: 100%;
}

.card-panel {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding: 20px;
  margin: 10px 0 20px 0;
  border-radius: 2px;
}

.card {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  position: relative;
  overflow: hidden;
  margin: 10px 0 20px 0;
  border-radius: 2px;
}
.card .card-title {
  font-size: 24px;
}
.card .card-title.activator {
  cursor: pointer;
}
.card .card-action > a {
  margin-right: 20px;
  text-transform: uppercase;
}
.card .card-image {
  position: relative;
}
.card .card-image img {
  border-radius: 2px 2px 0 0;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}
.card .card-image .card-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.card .card-content {
  padding: 20px;
  border-radius: 0 0 2px 2px;
}
.card .card-content p {
  margin: 0;
  color: inherit;
}
.card .card-content .card-title {
  line-height: 48px;
}
.card .card-content .card-profile-img {
  position: relative;
  z-index: 1;
  margin-top: -70px;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  padding: 5px;
  background-color: #fff;
}
.card .card-content .card-profile-img img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
.card .card-content .card-profile-img.profile-img-sm {
  margin-top: -50px;
  width: 60px;
  height: 60px;
  padding: 2px;
}
.card .card-content .card-profile-img.profile-img-sm img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}
.card .card-content .card-button .btn-icon {
  position: relative;
  z-index: 1;
  margin-top: -65px;
}
.card .card-action {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 20px;
}
.card .card-action.no-border {
  border: 0;
}
.card .card-reveal {
  padding: 20px;
  position: absolute;
  background-color: #FFF;
  width: 100%;
  overflow-y: auto;
  top: 100%;
  height: 100%;
  z-index: 1;
}
.card .card-reveal .card-title {
  cursor: pointer;
  display: block;
}

.theme-gray .mdl-card,
.theme-dark .mdl-card {
  color: rgba(255, 255, 255, 0.7);
}
.theme-gray .mdl-card__supporting-text,
.theme-dark .mdl-card__supporting-text {
  color: rgba(255, 255, 255, 0.7);
}

.theme-gray .mdl-card {
  background-color: #646464;
}

.theme-dark .mdl-card {
  background-color: #646464;
}

.mdl-data-table.mdl-data-table-non-numeric td, .mdl-data-table.mdl-data-table-non-numeric th {
  text-align: left;
}

.box.table-box {
  border-radius: 0;
}
.box > .mdl-data-table {
  width: 100%;
  background-color: transparent;
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 1.125rem;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  .table-responsive > .mdl-data-table {
    margin-bottom: 0;
  }
  .table-responsive > .mdl-data-table > thead > tr > th,
  .table-responsive > .mdl-data-table > thead > tr > td,
  .table-responsive > .mdl-data-table > tbody > tr > th,
  .table-responsive > .mdl-data-table > tbody > tr > td,
  .table-responsive > .mdl-data-table > tfoot > tr > th,
  .table-responsive > .mdl-data-table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

.theme-gray .box > .mdl-data-table th,
.theme-dark .box > .mdl-data-table th {
  color: rgba(255, 255, 255, 0.5);
}

img.img30_30 {
  width: 30px;
  height: 30px;
}
img.img40_40 {
  width: 40px;
  height: 40px;
}
img.img64_64 {
  width: 64px;
  height: 64px;
}
img.img80_80 {
  width: 80px;
  height: 80px;
}

.pricing-table {
  transition: 0.25s ease-out;
  position: relative;
  margin-bottom: 20px;
  background-color: #fcfcfc;
  color: #999;
  border-radius: 0.2rem;
  box-shadow: none;
  text-align: center;
}
@media screen and (prefers-reduced-motion: reduce) {
  .pricing-table {
    transition: none;
  }
}
.pricing-table:hover {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.pricing-table header {
  background-color: #8c8c8c;
  text-align: center;
  padding: 1.25rem 0.75rem;
}
.pricing-table header h2 {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
}
.pricing-table .pricing-price {
  padding: 45px 15px;
  background-color: #999;
  font-size: 56px;
  line-height: 1;
  color: #fff;
  font-weight: 300;
}
.pricing-table .pricing-price .pricing-sign {
  margin-right: 5px;
  font-size: 24px;
  font-weight: normal;
}
.pricing-table .pricing-price .pricing-sub {
  margin-left: 5px;
  font-size: 22px;
  line-height: 1;
}
.pricing-table .pricing-lead {
  margin-bottom: 1.5em;
  font-size: 18px;
  text-transform: uppercase;
}
.pricing-table .pricing-lead:after {
  margin: 0 auto;
  content: "";
  height: 0px;
  width: 80px;
  padding-top: 0.6em;
  border-bottom: solid 3px #eff0f3;
  display: block;
}
.pricing-table .pricing-plan-details {
  padding: 1em;
}
.pricing-table .pricing-plan-details > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1rem;
  line-height: 2em;
}
.pricing-table > footer {
  padding: 2em;
  text-align: center;
}
.pricing-table > footer > a {
  display: block;
  margin: 0 auto;
  padding: 12px;
  font-size: 14px;
  line-height: 1;
  width: 100%;
  max-width: 200px;
}
.pricing-table.pricing-table-primary header {
  background-color: #004bdb;
}
.pricing-table.pricing-table-primary .pricing-price {
  background-color: #0054f4;
}
.pricing-table.pricing-table-primary:after {
  border-top: 6px solid #0054f4;
  border-left: 6px solid #0054f4;
}
.pricing-table.pricing-table-secondary header, .pricing-table.pricing-table-info header {
  background-color: #00a5bb;
}
.pricing-table.pricing-table-secondary .pricing-price, .pricing-table.pricing-table-info .pricing-price {
  background-color: #00BCD4;
}
.pricing-table.pricing-table-secondary:after, .pricing-table.pricing-table-info:after {
  border-top: 6px solid #00BCD4;
  border-left: 6px solid #00BCD4;
}
.pricing-table.pricing-table-success header {
  background-color: #54b359;
}
.pricing-table.pricing-table-success .pricing-price {
  background-color: #66BB6A;
}
.pricing-table.pricing-table-success:after {
  border-top: 6px solid #66BB6A;
  border-left: 6px solid #66BB6A;
}
.pricing-table.pricing-table-warning header {
  background-color: #ffc40f;
}
.pricing-table.pricing-table-warning .pricing-price {
  background-color: #FFCA28;
}
.pricing-table.pricing-table-warning:after {
  border-top: 6px solid #FFCA28;
  border-left: 6px solid #FFCA28;
}
.pricing-table.pricing-table-danger header {
  background-color: #ed3c39;
}
.pricing-table.pricing-table-danger .pricing-price {
  background-color: #EF5350;
}
.pricing-table.pricing-table-danger:after {
  border-top: 6px solid #EF5350;
  border-left: 6px solid #EF5350;
}

.theme-gray .pricing-table {
  background-color: #646464;
}

.theme-dark .pricing-table {
  background-color: #646464;
}

.ui-ribbon-container {
  position: relative;
}
.ui-ribbon-container .ui-ribbon-wrapper {
  position: absolute;
  overflow: hidden;
  width: 85px;
  height: 88px;
  top: -3px;
  right: -3px;
}
.ui-ribbon-container .ui-ribbon {
  position: relative;
  display: block;
  text-align: center;
  font-size: 15px;
  color: #fff;
  transform: rotate(45deg);
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  line-height: 20px;
  background-color: #464a4c;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.ui-ribbon-container .ui-ribbon:before, .ui-ribbon-container .ui-ribbon:after {
  position: absolute;
  content: " ";
  line-height: 0;
  border-top: 2px solid #464a4c;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  bottom: -2px;
}
.ui-ribbon-container .ui-ribbon:before {
  left: 0;
  bottom: -1px;
}
.ui-ribbon-container .ui-ribbon:after {
  right: 0;
}
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {
  background-color: #0054f4;
}
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before, .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after {
  border-top: 2px solid #0054f4;
}
.ui-ribbon-container.ui-ribbon-success .ui-ribbon {
  background-color: #66BB6A;
}
.ui-ribbon-container.ui-ribbon-success .ui-ribbon:before, .ui-ribbon-container.ui-ribbon-success .ui-ribbon:after {
  border-top: 2px solid #66BB6A;
}
.ui-ribbon-container.ui-ribbon-info .ui-ribbon {
  background-color: #00BCD4;
}
.ui-ribbon-container.ui-ribbon-info .ui-ribbon:before, .ui-ribbon-container.ui-ribbon-info .ui-ribbon:after {
  border-top: 2px solid #00BCD4;
}
.ui-ribbon-container.ui-ribbon-warning .ui-ribbon {
  background-color: #FFCA28;
}
.ui-ribbon-container.ui-ribbon-warning .ui-ribbon:before, .ui-ribbon-container.ui-ribbon-warning .ui-ribbon:after {
  border-top: 2px solid #FFCA28;
}
.ui-ribbon-container.ui-ribbon-danger .ui-ribbon {
  background-color: #EF5350;
}
.ui-ribbon-container.ui-ribbon-danger .ui-ribbon:before, .ui-ribbon-container.ui-ribbon-danger .ui-ribbon:after {
  border-top: 2px solid #EF5350;
}

.sash {
  display: block;
  position: absolute;
  left: 0;
  right: auto;
  top: 25px;
  z-index: 1;
}
.sash .material-icons {
  font-size: 14px;
  height: 20px;
  height: 20px;
  line-height: 30px;
}

.sash {
  cursor: default;
  overflow: visible;
  pointer-events: none;
  position: absolute;
  background-color: #636c72;
  pointer-events: auto;
  color: #fff;
}
.sash > div {
  position: relative;
  z-index: 1;
  height: 30px;
  line-height: 30px;
  transition: width 0.1s 0.05s cubic-bezier(0.86, 0, 0.07, 1);
  width: 25px;
}
.sash > div:hover {
  -webkit-transition-delay: 0;
  transition-delay: 0;
  width: 100%;
}
.sash > div:hover .sash-text {
  opacity: 1;
  width: 100%;
  padding-left: 15px;
}
.sash .sash-text {
  display: block;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.3s, padding 0.25s, width 0.25s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  white-space: nowrap;
  width: 3em;
  float: left;
  margin-left: 5px;
  padding-right: 20px;
}
.sash i {
  position: absolute;
  right: 1px;
  margin-left: 5px;
}
.sash i:before {
  color: #f5f5f5;
}
.sash.sash-triangle-right:after {
  background-color: transparent;
  border: 15px solid #636c72;
  border-right-color: transparent;
  bottom: 0;
  content: " ";
  position: absolute;
  right: -20px;
}
.sash.sash-primary {
  background-color: #0054f4;
}
.sash.sash-primary.sash-triangle-right:after {
  border-color: #0054f4;
  border-right-color: transparent;
}
.sash.sash-info {
  background-color: #00BCD4;
}
.sash.sash-info.sash-triangle-right:after {
  border-color: #00BCD4;
  border-right-color: transparent;
}
.sash.sash-success {
  background-color: #66BB6A;
}
.sash.sash-success.sash-triangle-right:after {
  border-color: #66BB6A;
  border-right-color: transparent;
}
.sash.sash-warning {
  background-color: #FFCA28;
}
.sash.sash-warning.sash-triangle-right:after {
  border-color: #FFCA28;
  border-right-color: transparent;
}
.sash.sash-danger {
  background-color: #EF5350;
}
.sash.sash-danger.sash-triangle-right:after {
  border-color: #EF5350;
  border-right-color: transparent;
}
.sash.sash-primary {
  background-color: #0054f4;
}
.sash.sash-primary.sash-triangle-right:after {
  border-color: #0054f4;
  border-right-color: transparent;
}
.sash.sash-white {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.sash.sash-white.sash-triangle-right:after {
  border-color: #fff;
  border-right-color: transparent;
}

.testimonial {
  text-align: center;
}
.testimonial .testimonial__quote {
  display: block;
  text-align: center;
}
.testimonial .testimonial__quote .material-icons {
  font-size: 3.5em;
  line-height: 1em;
}
.testimonial blockquote:before, .testimonial blockquote:after {
  content: none;
}
.testimonial .avatar {
  border-radius: 50%;
  max-width: 80px;
}
.testimonial h5 {
  font-size: 1rem;
  margin-bottom: 0.4em;
}
.testimonial .title {
  opacity: 0.54;
}

.testimonial-alt .avatar {
  max-width: 100px;
  margin-bottom: 1rem;
}
.testimonial-alt blockquote {
  margin: 0;
  font-size: 1.25rem;
  opacity: 0.9;
  border-left: 0;
}
.testimonial-alt .citation {
  font-size: 1rem;
  opacity: 0.54;
}

.ui-timline-container {
  padding: 15px;
}

.ui-timline-left .ui-timeline:before {
  left: 0;
}
@media (min-width: 768px) {
  .ui-timline-left .ui-timeline .tl-item:before {
    display: none;
  }
}
@media (min-width: 768px) {
  .ui-timline-left .ui-timeline .tl-item .tl-caption {
    margin-left: -55px;
  }
}
@media (min-width: 768px) {
  .ui-timline-left .ui-timeline .tl-item .tl-body .tl-time {
    left: auto;
    right: 15px;
    color: #636c72;
  }
}

.ui-timeline {
  display: table;
  position: relative;
  table-layout: fixed;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.ui-timeline:before {
  background-color: rgba(0, 0, 0, 0.15);
  bottom: 0px;
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  width: 1px;
  z-index: 0;
}
@media (min-width: 768px) {
  .ui-timeline:before {
    left: 50%;
  }
}
.ui-timeline .tl-item {
  display: table-row;
  margin-bottom: 5px;
}
.ui-timeline .tl-item:before {
  display: none;
  content: "";
}
@media (min-width: 768px) {
  .ui-timeline .tl-item:before {
    display: block;
    width: 50%;
  }
}
.ui-timeline .tl-item .tl-caption {
  width: 150px;
  margin-left: -55px;
}
@media (min-width: 768px) {
  .ui-timeline .tl-item .tl-caption {
    margin-left: -110px;
  }
}
@media (min-width: 768px) {
  .ui-timeline .tl-item.alt {
    text-align: right;
  }
  .ui-timeline .tl-item.alt:before {
    display: none;
  }
  .ui-timeline .tl-item.alt:after {
    content: "";
    display: block;
    width: 50%;
  }
  .ui-timeline .tl-item.alt .tl-body .tl-entry {
    margin: 0 35px 15px 0;
  }
  .ui-timeline .tl-item.alt .tl-body .tl-time {
    right: -220px;
    left: auto;
    text-align: left;
  }
  .ui-timeline .tl-item.alt .tl-body .tl-icon {
    right: -53px;
    left: auto;
  }
  .ui-timeline .tl-item.alt .tl-body .tl-content:after {
    right: -16px;
    left: auto;
    border: 8px solid transparent;
    border-left: 8px solid rgba(255, 255, 255, 0.9);
    border-top: 8px solid rgba(255, 255, 255, 0.9);
  }
}
.ui-timeline .tl-item .tl-body {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
.ui-timeline .tl-item .tl-body .tl-entry {
  position: relative;
  margin: 0 0 15px 36px;
}
.ui-timeline .tl-item .tl-body .tl-time {
  z-index: 1;
  position: absolute;
  left: auto;
  right: 15px;
  top: 0;
  width: 150px;
  color: #636c72;
  line-height: 35px;
  text-align: right;
}
@media (min-width: 768px) {
  .ui-timeline .tl-item .tl-body .tl-time {
    left: -220px;
    right: auto;
    color: rgba(0, 0, 0, 0.87);
  }
}
.ui-timeline .tl-item .tl-body .tl-icon {
  position: absolute;
  left: -53px;
  top: 0;
}
.ui-timeline .tl-item .tl-body .tl-icon .material-icons {
  font-size: 20px;
}
.ui-timeline .tl-item .tl-body .tl-content {
  position: relative;
  padding: 15px;
  border-radius: 0.2rem;
  background-color: rgba(255, 255, 255, 0.9);
}
.ui-timeline .tl-item .tl-body .tl-content:after {
  content: " ";
  line-height: 0;
  position: absolute;
  left: -16px;
  top: 0;
  border: 8px solid transparent;
  border-right: 8px solid rgba(255, 255, 255, 0.9);
  border-top: 8px solid rgba(255, 255, 255, 0.9);
}
.ui-timeline .tl-item .tl-body .tl-content h4 {
  font-size: 18px;
  line-height: 1.5rem;
  line-height: 1.1;
}

@media (min-width: 768px) {
  .theme-gray .ui-timeline .tl-item.alt .tl-body .tl-content:after,
  .theme-dark .ui-timeline .tl-item.alt .tl-body .tl-content:after {
    border-left: 8px solid rgba(255, 255, 255, 0.05);
    border-top: 8px solid rgba(255, 255, 255, 0.05);
  }
}
.theme-gray .ui-timeline .tl-item .tl-body .tl-content,
.theme-dark .ui-timeline .tl-item .tl-body .tl-content {
  background-color: rgba(255, 255, 255, 0.05);
}
.theme-gray .ui-timeline .tl-item .tl-body .tl-content:after,
.theme-dark .ui-timeline .tl-item .tl-body .tl-content:after {
  border-right: 8px solid rgba(255, 255, 255, 0.05);
  border-top: 8px solid rgba(255, 255, 255, 0.05);
}.react-bs-table .react-bs-container-header .sort-column,.s-alert-close,td.react-bs-table-expand-cell,th.react-bs-table-expand-cell>div{cursor:pointer}.react-bs-table-container .react-bs-table-search-form{margin-bottom:0}.react-bs-table-bordered{border:1px solid #ddd;border-radius:5px}.react-bs-table table{margin-bottom:0;table-layout:fixed}.react-bs-table table td,.react-bs-table table th{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.react-bs-table-pagination{margin-top:10px}.react-bs-table-tool-bar{margin-bottom:5px}.react-bs-container-footer,.react-bs-container-header{overflow:hidden;width:100%}.react-bs-container-body{overflow:auto;width:100%}.react-bootstrap-table-page-btns-ul{float:right;margin-top:0}.react-bs-table .table-bordered{border:0;outline:0!important}.react-bs-table .table-bordered>thead>tr>td,.react-bs-table .table-bordered>thead>tr>th{border-bottom-width:2px}.react-bs-table .table-bordered>tbody>tr>td{outline:0!important}.react-bs-table .table-bordered>tbody>tr>td.default-focus-cell{outline:#6495ed solid 3px!important;outline-offset:-1px}.react-bs-table .table-bordered>tfoot>tr>td,.react-bs-table .table-bordered>tfoot>tr>th{border-top-width:2px;border-bottom-width:0}.react-bs-table .table-bordered>tbody>tr>td:first-child,.react-bs-table .table-bordered>tbody>tr>th:first-child,.react-bs-table .table-bordered>tfoot>tr>td:first-child,.react-bs-table .table-bordered>tfoot>tr>th:first-child,.react-bs-table .table-bordered>thead>tr>td:first-child,.react-bs-table .table-bordered>thead>tr>th:first-child{border-left-width:0}.react-bs-table .table-bordered>tbody>tr>td:last-child,.react-bs-table .table-bordered>tbody>tr>th:last-child,.react-bs-table .table-bordered>tfoot>tr>td:last-child,.react-bs-table .table-bordered>tfoot>tr>th:last-child,.react-bs-table .table-bordered>thead>tr>td:last-child,.react-bs-table .table-bordered>thead>tr>th:last-child{border-right-width:0}.react-bs-table .table-bordered>thead>tr:first-child>td,.react-bs-table .table-bordered>thead>tr:first-child>th{border-top-width:0}.react-bs-table .table-bordered>tfoot>tr:last-child>td,.react-bs-table .table-bordered>tfoot>tr:last-child>th{border-bottom-width:0}.react-bs-table .react-bs-container-footer>table>thead>tr>th,.react-bs-table .react-bs-container-header>table>thead>tr>th{vertical-align:middle}.react-bs-table .react-bs-container-footer>table>thead>tr>th .filter,.react-bs-table .react-bs-container-header>table>thead>tr>th .filter{font-weight:400}.react-bs-table .react-bs-container-header>table>thead>tr>th .filter::-webkit-input-placeholder,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter-input::-webkit-input-placeholder,.react-bs-table .react-bs-container-header>table>thead>tr>th .select-filter option[value=''],.react-bs-table .react-bs-container-header>table>thead>tr>th .select-filter.placeholder-selected{color:#d3d3d3;font-style:italic}.react-bs-table .react-bs-container-footer>table>thead>tr>th .filter::-webkit-input-placeholder,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter-input::-webkit-input-placeholder,.react-bs-table .react-bs-container-footer>table>thead>tr>th .select-filter option[value=''],.react-bs-table .react-bs-container-footer>table>thead>tr>th .select-filter.placeholder-selected{color:#d3d3d3;font-style:italic}.react-bs-table .react-bs-container-footer>table>thead>tr>th .select-filter.placeholder-selected option:not([value='']),.react-bs-table .react-bs-container-header>table>thead>tr>th .select-filter.placeholder-selected option:not([value='']){color:initial;font-style:initial}.react-bs-table .react-bs-container-footer>table>thead>tr>th .date-filter,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter,.react-bs-table .react-bs-container-header>table>thead>tr>th .date-filter,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter{display:flex}.react-bs-table .react-bs-container-footer>table>thead>tr>th .date-filter-input,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter-input,.react-bs-table .react-bs-container-header>table>thead>tr>th .date-filter-input,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter-input{margin-left:5px;float:left;width:calc(100% - 67px - 5px)}.react-bs-table .react-bs-container-footer>table>thead>tr>th .date-filter-comparator,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter-comparator,.react-bs-table .react-bs-container-header>table>thead>tr>th .date-filter-comparator,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter-comparator{width:67px;float:left}.react-bs-container .textarea-save-btn{position:absolute;z-index:100;right:0;top:-21px}.react-bs-table-no-data{text-align:center}.ReactModal__Overlay{-webkit-perspective:600;perspective:600;opacity:0;overflow-x:hidden;overflow-y:auto;background-color:rgba(0,0,0,.5);z-index:101}.ReactModal__Overlay--after-open{opacity:1;transition:opacity 150ms ease-out}.ReactModal__Content{-webkit-transform:scale(.5) rotateX(-30deg);transform:scale(.5) rotateX(-30deg)}.ReactModal__Content--after-open{-webkit-transform:scale(1) rotateX(0);transform:scale(1) rotateX(0);transition:all 150ms ease-in}.ReactModal__Overlay--before-close{opacity:0}.ReactModal__Content--before-close{-webkit-transform:scale(.5) rotateX(30deg);transform:scale(.5) rotateX(30deg);transition:all 150ms ease-in}.ReactModal__Content.modal-dialog{border:none;background-color:transparent}.animated{animation-fill-mode:both}.animated.bounceIn,.animated.bounceOut{animation-duration:.75s}.animated.shake{animation-duration:.3s}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,50%,90%{transform:translate3d(-10px,0,0)}30%,70%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}.s-alert-box,.s-alert-box *{box-sizing:border-box}.s-alert-box{position:fixed;background:rgba(42,45,50,.85);padding:22px;line-height:1.4;z-index:1000;pointer-events:none;color:rgba(250,251,255,.95);font-size:100%;font-family:'Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif;max-width:300px;-webkit-transition:top .4s,bottom .4s;transition:top .4s,bottom .4s}.s-alert-box.s-alert-show,.s-alert-box.s-alert-visible{pointer-events:auto}.s-alert-box a{color:inherit;opacity:.7;font-weight:700}.s-alert-box a:focus,.s-alert-box a:hover{opacity:1}.s-alert-box p{margin:0}.s-alert-close{width:20px;height:20px;position:absolute;right:4px;top:4px;overflow:hidden;text-indent:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.s-alert-close:focus,.s-alert-close:hover{outline:0}.s-alert-close::after,.s-alert-close::before{content:'';position:absolute;width:3px;height:60%;top:50%;left:50%;background:#fff}.s-alert-close:hover::after,.s-alert-close:hover::before{background:#fff}.s-alert-close::before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.s-alert-close::after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.s-alert-bottom-left{top:auto;right:auto;bottom:30px;left:30px}.s-alert-top-left{top:30px;right:auto;bottom:auto;left:30px}.s-alert-top-right{top:30px;right:30px;bottom:auto;left:auto}.s-alert-bottom-right{top:auto;right:30px;bottom:30px;left:auto}.s-alert-bottom,.s-alert-top{width:100%;max-width:100%;left:0;right:0}.s-alert-bottom{bottom:0;top:auto}.s-alert-top{top:0;bottom:auto}.s-alert-info{background:#00A2D3;color:#fff}.s-alert-success{background:#27AE60;color:#fff}.s-alert-warning{background:#F1C40F;color:#fff}.s-alert-error{background:#E74C3C;color:#fff}[class*=" s-alert-effect-"].s-alert-hide,[class^=s-alert-effect-].s-alert-hide{-webkit-animation-direction:reverse;animation-direction:reverse}.s-alert-box-height{visibility:hidden;position:fixed}.s-alert-effect-scale a,.s-alert-effect-scale a:focus,.s-alert-effect-scale a:hover{color:#fff}.s-alert-effect-scale .s-alert-close::after,.s-alert-effect-scale .s-alert-close::before,.s-alert-effect-scale .s-alert-close:hover::after,.s-alert-effect-scale .s-alert-close:hover::before{background:#fff}.s-alert-effect-scale.s-alert-hide,.s-alert-effect-scale.s-alert-show{-webkit-animation-name:animScale;animation-name:animScale;-webkit-animation-duration:.25s;animation-duration:.25s}@-webkit-keyframes animScale{0%{opacity:0;-webkit-transform:translate3d(0,40px,0) scale3d(.1,.6,1)}100%{opacity:1;-webkit-transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes animScale{0%{opacity:0;-webkit-transform:translate3d(0,40px,0) scale3d(.1,.6,1);transform:translate3d(0,40px,0) scale3d(.1,.6,1)}100%{opacity:1;-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}}
.full-height .right-sidebar-open {
  padding-right: 22px;
}

.floating-sidebar-container {
  box-shadow: rgba(0, 0, 0, 0) -4px 5px 10px !important;
  -webkit-transition: all 1s !important;
  transition: all 1s !important;
  right: 0px !important;
  overflow: inherit !important;
  width: 0px;
  position: absolute;
  top: 1px;
  height: calc(100vh - 61px) !important;
  background: #383f52 !important;
}
.floating-sidebar-container .floating-sidebar-item-count {
  text-align: left;
  width: 100%;
}
.floating-sidebar-container .floating-sidebar-item-count > span {
  right: auto !important;
  left: -48px !important;
  background: #00bcd4 !important;
  color: #fff !important;
  top: 8px !important;
  width: 16px !important;
  height: 20px !important;
}
.floating-sidebar-container .floating-sidebar-item-count .floating-sidebar-open-button {
  top: 0px;
  padding: 0 4px !important;
  width: auto !important;
  right: 28px !important;
  height: 39px !important;
  border-radius: 0px;
  background: #383f52 !important;
  box-shadow: rgba(0, 0, 0, 0.3) -4px 5px 10px !important;
}
.floating-sidebar-container .floating-sidebar-item-count .floating-sidebar-open-button i.material-icons {
  color: #fff;
  position: relative;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.floating-sidebar-container .floating-sidebar-menu-list {
  height: 92vh;
  color: #eee !important;
  font-weight: 300 !important;
  top: 0;
  position: relative;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
}
.floating-sidebar-container .floating-sidebar-menu-list div > span > div {
  border-left: 2px solid transparent;
}
.floating-sidebar-container .floating-sidebar-menu-list span.selected {
  background: #292e3c !important;
}
.floating-sidebar-container .floating-sidebar-menu-list .subscriber-icon, .floating-sidebar-container .floating-sidebar-menu-list .invoiceDefault .statusSettingSection .subscriberSection .red, .invoiceDefault .statusSettingSection .subscriberSection .floating-sidebar-container .floating-sidebar-menu-list .red, .floating-sidebar-container .floating-sidebar-menu-list .invoiceDefault .statusSettingSection .subscriberSection .yellow, .invoiceDefault .statusSettingSection .subscriberSection .floating-sidebar-container .floating-sidebar-menu-list .yellow, .floating-sidebar-container .floating-sidebar-menu-list .invoiceDefault .statusSettingSection .subscriberSection .green, .invoiceDefault .statusSettingSection .subscriberSection .floating-sidebar-container .floating-sidebar-menu-list .green {
  background: #fff !important;
}
.floating-sidebar-container .floating-sidebar-menu-list .subscriber-icon span, .floating-sidebar-container .floating-sidebar-menu-list .invoiceDefault .statusSettingSection .subscriberSection .red span, .invoiceDefault .statusSettingSection .subscriberSection .floating-sidebar-container .floating-sidebar-menu-list .red span, .floating-sidebar-container .floating-sidebar-menu-list .invoiceDefault .statusSettingSection .subscriberSection .yellow span, .invoiceDefault .statusSettingSection .subscriberSection .floating-sidebar-container .floating-sidebar-menu-list .yellow span, .floating-sidebar-container .floating-sidebar-menu-list .invoiceDefault .statusSettingSection .subscriberSection .green span, .invoiceDefault .statusSettingSection .subscriberSection .floating-sidebar-container .floating-sidebar-menu-list .green span {
  margin-right: 0px !important;
}
.floating-sidebar-container .floating-sidebar-menu-list .subscriber-icon span i.material-icons, .floating-sidebar-container .floating-sidebar-menu-list .invoiceDefault .statusSettingSection .subscriberSection .red span i.material-icons, .invoiceDefault .statusSettingSection .subscriberSection .floating-sidebar-container .floating-sidebar-menu-list .red span i.material-icons, .floating-sidebar-container .floating-sidebar-menu-list .invoiceDefault .statusSettingSection .subscriberSection .yellow span i.material-icons, .invoiceDefault .statusSettingSection .subscriberSection .floating-sidebar-container .floating-sidebar-menu-list .yellow span i.material-icons, .floating-sidebar-container .floating-sidebar-menu-list .invoiceDefault .statusSettingSection .subscriberSection .green span i.material-icons, .invoiceDefault .statusSettingSection .subscriberSection .floating-sidebar-container .floating-sidebar-menu-list .green span i.material-icons {
  color: #ccc;
}
.floating-sidebar-container .floating-sidebar-menu-list .ticket-icon {
  background: #8bc34a !important;
}
.floating-sidebar-container .floating-sidebar-menu-list .email-icon {
  background: #0053F4 !important;
}
.floating-sidebar-container .floating-sidebar-menu-list .new-subscriber-icon {
  background: #ff9800 !important;
}
.floating-sidebar-container .floating-sidebar-menu-list .floating-sidebar-primary-text {
  color: #eee !important;
  font-size: 12px !important;
  width: 134px;
  display: inline-block;
  max-width: 134px;
}
.floating-sidebar-container .floating-sidebar-menu-list .floating-sidebar-secondary-text {
  color: #eee !important;
  font-size: 8px !important;
  width: 134px;
  display: inline-block;
  margin-top: 0px !important;
}
.floating-sidebar-container .floating-sidebar-menu-list .floating-sidebar-list-subheader {
  color: #eee !important;
  font-weight: 300 !important;
  white-space: nowrap;
  height: 30px !important;
  line-height: 30px !important;
  margin-top: 0 !important;
  margin-bottom: -3px !important;
  padding-left: 10px !important;
  font-size: 12px !important;
}
.floating-sidebar-container .floating-sidebar-menu-list .item-text-outer * {
  line-height: 1 !important;
}
.floating-sidebar-container .floating-sidebar-menu-list .item-text-outer i.material-icons.close {
  background-color: #383f52;
  visibility: hidden;
  right: -130px;
}
.floating-sidebar-container .floating-sidebar-menu-list .item-text-outer:hover:hover i.material-icons.close {
  visibility: visible;
  color: #f44336 !important;
  font-size: 16px !important;
  right: 13px;
  position: relative;
  text-shadow: none;
  opacity: 0.75;
}
.floating-sidebar-container .floating-sidebar-menu-list .item-text-outer:hover:hover i.material-icons.close:hover {
  opacity: 1;
}

.floating-sidebar-container.iconview {
  right: 0px !important;
  -webkit-transition: all 1s !important;
  transition: all 1s !important;
  width: 52px !important; /*210px for open min 52px */
  box-shadow: rgba(0, 0, 0, 0.9) -5px 10px 40px !important;
  position: fixed;
  z-index: 1300;
  left: auto;
  transform: translate(0px, 0px);
  top: 1px;
}
.floating-sidebar-container.iconview .floating-sidebar-item-count {
  text-align: left;
  width: 100%;
}
.floating-sidebar-container.iconview .floating-sidebar-item-count > span {
  right: auto !important;
  left: -20px !important;
  background: #00bcd4 !important;
  color: #fff !important;
  top: 8px !important;
  width: 16px !important;
  height: 20px !important;
}
.floating-sidebar-container.iconview .floating-sidebar-item-count .floating-sidebar-open-button {
  top: 0px;
  padding: 5px 14px 5px 14px !important;
  width: 100% !important;
  right: 0 !important;
  height: 39px !important;
  border-radius: 0;
  background: #303646 !important;
  text-align: left;
  box-shadow: rgba(0, 0, 0, 0) -4px 5px 10px !important;
}
.floating-sidebar-container.iconview .floating-sidebar-item-count .floating-sidebar-open-button span {
  justify-content: start !important;
}
.floating-sidebar-container.iconview .floating-sidebar-item-count .floating-sidebar-open-button i.material-icons {
  color: #fff;
  position: relative;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.floating-sidebar-container.iconview .floating-sidebar-list-subheader {
  opacity: 0;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
}
.floating-sidebar-container.iconview .floating-sidebar-list-item h3,
.floating-sidebar-container.iconview .floating-sidebar-list-item p,
.floating-sidebar-container.iconview .floating-sidebar-list-item span.floating-sidebar-primary-text,
.floating-sidebar-container.iconview .floating-sidebar-list-item span.floating-sidebar-secondary-text {
  opacity: 0;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
  white-space: nowrap;
  line-height: 14px;
}
.floating-sidebar-container.iconview:hover {
  width: 210px !important;
}
.floating-sidebar-container.iconview:hover .floating-sidebar-list-subheader {
  opacity: 1;
  height: 30px !important;
}
.floating-sidebar-container.iconview:hover .floating-sidebar-list-item h3,
.floating-sidebar-container.iconview:hover .floating-sidebar-list-item p,
.floating-sidebar-container.iconview:hover .floating-sidebar-list-item span.floating-sidebar-primary-text,
.floating-sidebar-container.iconview:hover .floating-sidebar-list-item span.floating-sidebar-secondary-text {
  opacity: 1;
}
.floating-sidebar-container.iconview:hover .selected-nav {
  left: 4px;
}

.docker-item-container {
  border-radius: 0px;
  position: fixed;
  width: 75vw;
  max-width: 1170px !important;
  right: 30px;
  height: calc(100vh - 61px);
  bottom: 0px;
  display: inherit;
  z-index: 999;
  box-shadow: rgba(0, 0, 0, 0.9) 0px 5px 40px !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
}
.docker-item-container > div:nth-child(2) #drawer #drawerContentContainer1 {
  overflow-x: hidden;
  height: calc(100vh - 101px);
}

/* css for email component start*/
.docker-item-container1 {
  border-radius: 0px;
  position: fixed;
  width: auto;
  right: 30px;
  height: calc(100vh - 61px);
  bottom: 0px;
  display: inherit;
  z-index: 999;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.9) 0px 5px 40px !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
}
.docker-item-container1 > div:nth-child(2) #drawer > div {
  overflow-x: hidden;
  height: calc(100vh - 101px);
}

/* css for email component end*/
.docker-item-container-hide {
  border-radius: 0px;
  position: fixed;
  width: 75vw;
  max-width: 1170px !important;
  right: -1600px;
  height: calc(100vh - 61px);
  bottom: 0px;
  display: inherit;
  z-index: 999;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
}

#tray-container.icon-view .docker-item-container,
#tray-container.icon-view .docker-item-container1 {
  right: 54px;
}

.drawer-tray-close .material-icons.add-tray-dock {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.right-sidebar-close .docker-item-container,
.right-sidebar-close .docker-item-container1 {
  right: 0px;
}
.right-sidebar-close .drawer-tray-close {
  padding-right: 30px;
}
.right-sidebar-close .drawer-header {
  width: 100%;
}

.tray-full .docker-item-container,
.tray-full .docker-item-container1 {
  right: 0px;
}
.tray-full .drawer-tray-close {
  padding-right: 10px;
}
.tray-full .drawer-header {
  width: 100%;
}

.tray-empty .docker-item-container,
.tray-empty .docker-item-container1 {
  right: 0px;
}
.tray-empty .drawer-tray-close {
  padding-right: 10px;
}
.tray-empty .drawer-header {
  width: 100%;
}

.non-icon-view .tray-full .docker-item-container,
.non-icon-view .tray-full .docker-item-container1 {
  right: 0px;
}
.non-icon-view .tray-full .drawer-tray-close {
  padding-right: 33px;
}
.non-icon-view .tray-full .drawer-header {
  width: 100%;
}

.selected-nav {
  border-left: 2px solid rgb(204, 204, 204);
  position: absolute;
  left: 2px;
  height: 38px;
  transition: inherit;
  z-index: 1;
}

.right-sidebar-open .container-fluid.page-dashboard.dashboard-headQuad.section-body {
  padding: 0 50px 0 50px;
  right: 40px;
}

.trans-description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}

.trans-descpoint {
  cursor: pointer;
}

.pay_right_tbl {
  border-bottom: solid 1px #e0e0e0;
  padding: 10px 0;
}
.pay_right_tbl .table.payment-received-tbl {
  margin: 0px !important;
}
.pay_right_tbl .table.payment-received-tbl .invoice-checkbox-outer {
  left: 7px;
  top: 17px;
}
.pay_right_tbl .table.payment-received-tbl .open-bal {
  right: 15px;
}

.payment-received-tbl.mdl-data-table tbody tr:hover {
  background: none !important;
}

.payment-received-tbl.mdl-data-table tbody:hover {
  background: #c8d2f1 !important;
}

.drawer-content * h6.text-blue.payementCalender {
  margin-top: 0px !important;
}

.receivepay-Dialog * {
  text-align: center !important;
}

.receivepay-Dialog h5 {
  margin: 0 !important;
}

.receivepay-Dialog > div > div > div:nth-child(1) > div:nth-child(2) p {
  margin-bottom: 10px;
}

.receivepay-Dialog .material-icons {
  top: 5px;
  position: relative;
  margin-right: 10px;
  color: #66bb6a !important;
}

.receivepay-Dialog button * {
  font-size: 12px !important;
}

.receivepay-Dialog .receivepay-cardNo {
  font-weight: 600;
  background: #e6e6e6;
  padding: 5px 10px;
  font-size: 14px !important;
}

.receivepay-Dialog > div > div > div {
  padding: 20px !important;
}

.receivepay-Dialog > div > div > div > div:nth-child(1) {
  padding-top: 0px !important;
  padding-bottom: 10px !important;
}

.receivepay-Dialog > div > div > div:nth-child(1) > div:nth-child(2) {
  padding-top: 0px !important;
  padding-bottom: 15px !important;
}

.select-paymentMode > div {
  width: auto !important;
  padding: 0 15px;
}
.select-paymentMode > div label {
  width: auto !important;
}

.payment-balanceSheet {
  padding: 8px !important;
  color: #616161 !important;
}

.drawer-content * .payment-invoiceAmount {
  font-weight: 500 !important;
}

.table-absolute .material-icons.addNote {
  font-size: 14px !important;
  top: 3px;
  margin-right: 7px;
}

.maximise-tray.subscriber-tray {
  background-color: #fff;
  position: fixed !important;
  width: 100% !important;
  min-width: 960px !important;
  width: 100vw !important;
  max-width: 1366px !important;
  bottom: 0px !important;
  top: 98px;
  right: 60px;
  z-index: 100 !important;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  color: #616161 !important;
  font-weight: 400 !important;
}

.popup-tab-link {
  float: left;
}
.popup-tab-link a {
  color: white !important;
  padding: 7px 10px 4px;
  margin: 0 10px;
  display: inline-block;
  border-bottom: 2px solid transparent;
  text-transform: capitalize;
  text-decoration: none;
  cursor: pointer;
  font-weight: 300 !important;
  font-size: 11px !important;
  overflow: hidden;
}
.popup-tab-link a.active-tab-link {
  border-bottom: 2px solid white;
}
.popup-tab-link a.active-tab-link1.disabledTab {
  cursor: not-allowed !important;
  color: darkgrey !important;
}
.popup-tab-link a.disabledTab {
  cursor: not-allowed !important;
  color: darkgrey !important;
}
.popup-tab-link a.name {
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 10px 10px 3px 10px;
  margin-left: 42px;
  text-transform: capitalize;
  max-width: 361px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.popup-tab-link h6 {
  text-transform: none;
}

.drawer-item-show {
  display: block !important;
  max-width: 100% !important;
}

.drawer-item-hide {
  display: none !important;
  width: 100% !important;
}

.drawer-form-save-action-bar {
  z-index: 11;
  text-align: right;
}

.drawer-content-main {
  position: relative;
  top: 0px;
}

.input-flex-form {
  flex-grow: 1;
  margin: 0 10px;
}

.select-flex-form {
  max-width: 100px;
}

.receive-payment-middle-box {
  padding-top: 55px;
}
.receive-payment-middle-box .rp-post-button span {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.receive-payment-middle-box .rp-cancel-button span {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.receive-payment-middle-box-inner {
  padding: 0 25px !important;
  border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.box-default.invoice-list-box {
  height: 160px !important;
  overflow: hidden !important;
  padding: 0px;
  border: 1px solid #ccc;
}
.box-default.invoice-list-box .no-invoice-msg {
  padding: 23% 0 0;
  font-size: 18px !important;
  color: #ccc !important;
}
.box-default.invoice-list-box .drawer-rp-invoice-list {
  padding: 0 10px 0 0;
  overflow: auto;
  height: 100%;
  margin-right: 0px;
}

.select-flex-form-show {
  display: inherit;
}

.select-flex-form-hide {
  display: none;
}

div.input-flex-form.select-flex-form > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) {
  padding-right: 25px !important;
}

.show-more-item-show .details-sub-item {
  display: none;
}

.show-more-item-hide .details-sub-item {
  display: inherit;
}

.moreDetails.show-more-link a {
  display: inherit;
  cursor: pointer;
}
.moreDetails.show-more-link a .material-icons {
  top: 5px;
}

.moreDetails.show-less-link a {
  display: inherit;
  cursor: pointer;
}
.moreDetails.show-less-link a .material-icons {
  top: 5px;
}

.package-list-body .disabled-icon {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.3) !important;
}
.package-list-body .drawer-form-container .txtBtm {
  font-size: 10px !important;
  color: rgba(0, 0, 0, 0.7);
  position: relative;
  top: -10px;
}
.package-list-body .i_add {
  cursor: pointer;
  line-height: 20px;
}

.quote-amt td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.quote-amt td:first-child {
  padding-left: 0;
  width: 50%;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.material-icons.righticon-dropdown {
  left: 16px !important;
  line-height: 24px !important;
  font-size: 18px !important;
  margin: 0 !important;
}

.auto-closebtn {
  color: red !important;
  position: relative;
  left: 10px;
  top: 4px;
}

.invoice-close {
  color: red;
  position: relative;
}

.auto-check {
  color: #77dc72;
  position: relative;
}

.select-package {
  height: 134px !important;
  overflow: hidden !important;
  background: rgba(0, 0, 0, 0.05);
  margin-right: 2px;
}
.select-package p {
  display: block;
  padding: 10px;
  margin: 0 !important;
  color: #333 !important;
  cursor: pointer;
}
.select-package:hover {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.select-package > div:last-child:hover .something-inside-but-hidden {
  top: -12px !important;
}

.select-package > div:first-child:hover .something-inside-but-hidden {
  top: 0px !important;
}

.select-package.package-ip > div:first-child:hover .something-inside-but-hidden {
  top: 0px !important;
}

.select-package.package-ip > div:last-child:hover .something-inside-but-hidden {
  top: -12px !important;
}

.drawer-content .icon-box.ibox-light i,
.drawer-content .icon-box.ibox-light img {
  background-color: transparent;
}
.drawer-content .details h6.text-default.package-Heading {
  padding-bottom: 0 !important;
  margin-bottom: 5px !important;
  line-height: normal !important;
}
.drawer-content .text-blue.billing-spacing {
  margin: 0px !important;
}
.drawer-content .packages .package-list-sidebar .list-item-container .list-item button svg {
  color: #9e9e9e !important;
  height: 20px !important;
  width: 20px !important;
}
.drawer-content .packages .package-list-sidebar .list-item-container .list-item span.check-icon {
  background: url("/assets/services_1-01.svg");
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
}
.drawer-content .packages .package-msg {
  text-align: center;
  padding: 10px;
  background: #f9f9f9;
  color: #ccc;
}
.drawer-content .dateRange-Quad h6.text-blue {
  margin: 0px !important;
}

.something-inside-but-hidden {
  display: none;
  line-height: 13px;
}
.something-inside-but-hidden .package-disable-ping {
  color: rgba(0, 0, 0, 0.3) !important;
  cursor: not-allowed;
}
.something-inside-but-hidden .packagetip-manage {
  color: #0057FF !important;
}

.pay-item {
  margin: 0 !important;
  padding: 5px 12px;
}
.pay-item .material-icons {
  color: #515151 !important;
}

.profile-image img {
  max-width: 100%;
  height: auto;
  border-radius: 50%;
}

.profileupload-img span {
  padding: 0 !important;
}

.menu-with-icon > div > div {
  padding-left: 50px !important;
}

.package-list-sidebar .list-item-container > div > div {
  max-height: 209px;
  overflow: hidden;
}
.package-list-sidebar .list-item-container > div > div:hover {
  overflow: auto !important;
}

.days {
  padding: 5px 0;
  margin: 0;
}
.days li {
  list-style-type: none;
  display: inline-block;
  width: 13.6%;
  text-align: center;
  margin-bottom: 5px;
  color: #777;
  cursor: pointer;
}
.days li .flexible {
  padding: 5px;
  background: #00bcd4;
  color: white !important;
}
.days li .fixed {
  padding: 5px;
  background: #e0e0e0;
}

.date-invoice {
  padding: 5px 0;
  margin: 0;
}
.date-invoice li {
  list-style-type: none;
  display: inline-block;
  min-width: auto;
  text-align: center;
  padding: 10px;
  color: #777;
}
.date-invoice li span:first-child {
  display: block;
  color: #039be6 !important;
}

.invoice-Detail {
  background: rgba(0, 0, 0, 0.05) !important;
  padding: 20px;
}
.invoice-Detail .textBlue {
  color: #039be6 !important;
}

.invoice-popup > div {
  display: inline-block !important;
  width: auto !important;
}

.popover-Grace {
  min-width: 250px;
}

.multipleauto-select {
  margin: 0px !important;
  cursor: pointer;
  color: #039be6 !important;
}

.package-select-action {
  padding: 8px 0px 0px 0 !important;
  display: inline-block !important;
  cursor: pointer;
  color: #039be6 !important;
  height: 40px !important;
}

.space-seperator {
  height: 20px;
}

.paymentmenu-drop > div * {
  margin: 0 !important;
  padding: 0 !important;
}

.pacakge-availablity {
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.servicesbtnalign-middle {
  display: inline-block !important;
}
.servicesbtnalign-middle label {
  width: auto !important;
}

.table-in-popover {
  border: 0 !important;
  white-space: nowrap;
}
.table-in-popover thead {
  border: 0 !important;
  white-space: nowrap;
}
.table-in-popover tr {
  border: 0 !important;
  white-space: nowrap;
}
.table-in-popover td {
  border: 0 !important;
  white-space: nowrap;
}

.customSelect-Width {
  min-width: 120px !important;
  max-width: 120px !important;
}

.customSelect-Date {
  min-width: 80px !important;
  max-width: 80px !important;
}

.popover-font {
  margin-top: -10px;
}

.popover-font:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 3%;
  width: 0;
  height: 0;
  border-top: solid 14px #ccc;
  border-left: solid 16px transparent;
  border-right: solid 16px transparent;
}

.popover-font:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 3%;
  width: 0;
  height: 0;
  border-top: solid 12px #fff;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent;
}

.popover-font.latefee_popover:before {
  left: 50%;
}

.popover-font.latefee_popover:after {
  left: 50%;
}

.autoaction-Default span > div > div {
  padding: 0 25px 0 0 !important;
}
.autoaction-Default svg {
  margin: 0px !important;
  top: -4px !important;
}

.select-action {
  padding: 0 !important;
  width: auto !important;
}
.select-action > div > span {
  min-height: 0px !important;
  line-height: 0px !important;
  color: #039be6 !important;
}
.select-action > div > span > div > div {
  padding: 0px 30px 0px 0px !important;
}

.package-action {
  width: auto !important;
}
.package-action > div > span {
  color: #039be6 !important;
}
.package-action > div > span > div > div {
  padding: 0px 30px 0px 0px !important;
}

.auto-suspend-action {
  min-height: 30px !important;
  line-height: 20px !important;
}
.auto-suspend-action svg {
  margin: 1px 0 0 !important;
}

.radiobtn-exist label {
  width: 100% !important;
}

.auto-addbtn {
  color: #66bb6a;
}

.auto-cancelbtn {
  color: red;
}

.list-title div > div > div {
  width: 83%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: initial;
}

.list-item > div > div {
  position: initial !important;
}

.payment-creditno-popover {
  width: 100% !important;
}
.payment-creditno-popover > div {
  padding: 0px !important;
}
.payment-creditno-popover > div > div {
  top: 3px;
  padding: 0px 5px 0px 5px !important;
}
.payment-creditno-popover svg {
  margin: 0 !important;
  left: -20px !important;
  top: -2px !important;
}

.cr-card-checkbox label {
  width: 26px;
}
.cr-card-checkbox label span {
  padding: 0;
  width: 100%;
}

.payment-creditcard-list {
  margin: 15px;
  cursor: pointer;
  display: table;
}
.payment-creditcard-list .material-icons {
  margin-right: 5px;
  font-size: 18px;
  position: relative;
}
.payment-creditcard-list span {
  display: table-cell;
  vertical-align: middle;
}

.header-icon-dropdown-item svg {
  margin: 0 12px !important;
}

.header-item-checked > div > div {
  padding: 0px 0px 0px 0px !important;
  position: relative !important;
}

.header-item-auto-checked {
  position: relative !important;
}
.header-item-auto-checked > div > div {
  padding: 0px !important;
  position: initial !important;
}

.creditcard-show-popup {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  background: #fff;
  position: absolute;
  z-index: 99999999;
  margin-top: 37px !important;
  padding: 0px 24px !important;
}

.pay-thru-card {
  margin: 0px !important;
  color: #039be6 !important;
}

.popover-menu-item.bgnon {
  background: none !important;
  line-height: 0px !important;
  min-height: 0px !important;
}

.bgnon > div > div {
  padding: 0 !important;
}

.autoaction-DatePicker > div {
  float: left;
  margin: 0 10px !important;
  width: 100px !important;
}

.text-overflow {
  overflow: hidden;
}

table .credidpay-tableDetail a {
  visibility: hidden;
}
table .credidpay-tableDetail:hover a {
  visibility: visible;
}

.ActionSection {
  padding: 0px !important;
}
.ActionSection .subscriberSection .sectionContentText {
  padding: 0px !important;
  padding-top: 10px !important;
  padding-bottom: 0px !important;
}
.ActionSection .allowSubscriber .sectionContentText {
  padding-top: 10px !important;
  padding-bottom: 0px !important;
}
.ActionSection .dropdown, .ActionSection .invoiceDefault .sectionContentText .optionsRow .customdropdown, .invoiceDefault .sectionContentText .optionsRow .ActionSection .customdropdown {
  max-width: 92px !important;
  margin: 0 10px;
}
.ActionSection .dropdown.section-select button, .ActionSection .invoiceDefault .sectionContentText .optionsRow .section-select.customdropdown button, .invoiceDefault .sectionContentText .optionsRow .ActionSection .section-select.customdropdown button {
  right: -10px !important;
  top: -20px !important;
}

.text-alignleft {
  float: left;
}

.text-fieldWidth {
  height: 0px;
}
.text-fieldWidth > div > div {
  bottom: 0px !important;
}
.text-fieldWidth > div {
  float: left;
  height: 30px !important;
  max-width: 80px;
  margin: 0 0 0 10px;
  line-height: 30px !important;
}
.text-fieldWidth > div > div * {
  bottom: 0 !important;
}

.auto-text {
  margin-top: 8px;
}

.select-fieldWidth {
  float: left;
  height: 16px !important;
  max-width: 80px;
  margin: 0 0 0 10px;
  line-height: 16px !important;
}

.material-icons.payment-addNewCard {
  margin-right: 4px;
  top: 4px;
}

.package-PricingDetail {
  line-height: normal !important;
  height: auto !important;
  overflow: visible !important;
  text-overflow: initial !important;
  white-space: initial !important;
  background: #f5f5f5;
  padding: 5px;
  display: inline-block;
  margin: 10px 0px 0px !important;
}
.package-PricingDetail .bdr-sepratr {
  border-right: solid 1px #ccc;
  padding: 0 16px;
}
.package-PricingDetail .bdr-sepratr:first-child {
  padding-left: 0 !important;
}
.package-PricingDetail .bdr-sepratr:last-child {
  border: 0 !important;
}

.packagePricing-Quad > div {
  padding: 0 !important;
  height: 324px;
  overflow: hidden;
}
.packagePricing-Quad > div:hover {
  overflow: auto !important;
}
.packagePricing-Quad > div:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.packagePricing-Quad > div > div {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.packagePricing-Quad > div > div:last-child {
  border-bottom: 0 !important;
}
.packagePricing-Quad > div > div > label {
  margin: 0 !important;
  padding: 15px 0 15px 50px !important;
}
.packagePricing-Quad > div > div > label > div {
  top: 11px !important;
}

.package-Invoice:hover {
  background: rgba(33, 150, 243, 0.18) !important;
}

.totalPay-Field {
  max-width: 80px;
  display: block !important;
}

.select-CalDate {
  padding: 0px !important;
}
.select-CalDate > div {
  height: 30px !important;
}
.select-CalDate button {
  top: -5px !important;
}

.select-drop > div:nth-child(1) > div:nth-child(2) {
  height: 36px !important;
  overflow: initial !important;
  line-height: 36px !important;
}

.existing-InvoiceDetail a {
  color: #0054f4 !important;
}

.daterange-Check {
  padding: 5px 0px 5px 55px !important;
}
.daterange-Check > div {
  top: 3px !important;
}
.daterange-Check svg {
  height: 20px !important;
  width: 20px !important;
}

.tray-containt {
  overflow: scroll !important;
}
.tray-containt .tray-quad * {
  color: #616161;
}
.tray-containt .tray-quad * h5 {
  font-size: 16px !important;
  color: #616161;
}
.tray-containt * h5 {
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #616161;
}
.tray-containt .material-icons.edit {
  cursor: pointer;
}
.tray-containt .material-icons {
  font-size: 18px !important;
}
.tray-containt .item-user-info a {
  font-weight: 400;
  color: #0057FF !important;
}

.marbtm5 {
  margin-bottom: 5px;
}

.total-balance hr {
  margin: 5px 0 !important;
}
.total-balance .table td {
  border: 0 !important;
  padding: 0px !important;
}
.total-balance .table tr td:first-child {
  width: 72%;
}

.border-seperator {
  border: solid 1px #000;
}

.package-popupHead {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.package-popupHead h5 {
  margin: 0px !important;
  display: inline-block;
}
.package-popupHead .auto-closebtn {
  color: #f15f5f !important;
  position: initial !important;
}

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

.settings-navList {
  border: 10px;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  outline: none;
  font-weight: inherit;
  position: relative;
  z-index: 1;
  color: rgba(0, 0, 0, 0.87);
  line-height: initial;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  background: none;
}

.material-icons.star-icon {
  display: block;
  color: rgba(0, 0, 0, 0.87);
  fill: #757575;
  height: 24px;
  width: 24px;
  user-select: none;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: absolute;
  top: 0px;
  margin: 7px 12px 7px;
  left: 4px;
  font-size: 18px !important;
}

.app-sidebar.bg-color-light .nav li.open > a {
  background-color: transparent !important;
  color: #0054f4 !important;
}
.app-sidebar.bg-color-light .nav li.open > a:hover {
  background-color: transparent !important;
  color: #0054f4 !important;
}
.app-sidebar.bg-color-light .nav li.open > a:focus {
  background-color: transparent !important;
  color: #0054f4 !important;
}
.app-sidebar.bg-color-light .nav li.open .nav-bg-col li div:hover {
  background-color: transparent !important;
  color: #0054f4 !important;
}
.app-sidebar.bg-color-light .nav li.open .nav-bg-col li div:focus {
  background-color: transparent !important;
  color: #0054f4 !important;
}
.app-sidebar.bg-color-light .nav ul li.active > a {
  background-color: transparent !important;
  color: #0054f4 !important;
}
.app-sidebar.bg-color-light .nav ul li.active > a:hover {
  background-color: transparent !important;
  color: #0054f4 !important;
}
.app-sidebar.bg-color-light .nav ul li.active > a:focus {
  background-color: transparent !important;
  color: #0054f4 !important;
}
.app-sidebar.bg-color-light .nav ul li.open > a {
  background-color: transparent !important;
  color: #0054f4 !important;
}
.app-sidebar.bg-color-light .nav ul li.open > a:hover {
  background-color: transparent !important;
  color: #0054f4 !important;
}
.app-sidebar.bg-color-light .nav ul li.open > a:focus {
  background-color: transparent !important;
  color: #0054f4 !important;
}
.app-sidebar.bg-color-light .nav .open .nav-bg-col {
  background-color: transparent !important;
}
.app-sidebar.bg-color-light .nav .open .nav-bg-col .nav-subChild a {
  padding: 10px 0px 10px 30px !important;
}

.datePicker-Range > div > div {
  width: 100% !important;
}

.email-to-tab {
  position: absolute;
  display: inherit;
  left: 758px;
  top: 0px;
  height: 100%;
  width: 0px;
  z-index: 9999;
  display: none;
}

.subject-tab {
  position: absolute;
  display: inherit;
  left: 758px;
  top: 0px;
  height: 100%;
  width: 0px;
  z-index: 9999;
  display: none;
}

.new-folder {
  font-size: 13px !important;
  margin-top: 10px;
}
.new-folder .material-icons {
  position: relative !important;
  top: 3px !important;
  font-size: 16px !important;
  margin-right: 5px !important;
}

.folder-hide {
  display: none;
}

.folder-show {
  display: inherit;
}

.add-folder-btn {
  position: relative;
  top: 36px;
  height: 40px;
}

.material-icons.add-folder {
  color: #66bb6a;
  font-size: 20px !important;
}

.material-icons.close-add-folder {
  color: #f44336;
  font-size: 18px !important;
}

.sidebar-close-btn {
  position: absolute !important;
  right: 0px;
  width: 40px !important;
  min-width: auto !important;
  top: 3px;
  z-index: 99 !important;
  background: none !important;
}
.sidebar-close-btn .material-icons {
  font-size: 16px !important;
  color: #616161 !important;
}
.sidebar-close-btn .material-icons:hover {
  color: #333 !important;
}

.tray-container-open-email-sidebar .docker-item-container1 .email-to-tab {
  display: inherit;
  left: 0;
  top: 0;
  height: 100%;
  width: calc(100% - 53vw);
  background: #fff;
}
.tray-container-open-email-sidebar .docker-item-container1 .tray-sidebar-tab-outer > div:nth-child(1) {
  background: transparent !important;
  color: #616161 !important;
  border-bottom: 1px solid #ccc;
  height: 44px !important;
}
.tray-container-open-email-sidebar .docker-item-container1 .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab {
  background: transparent !important;
  color: #616161 !important;
}
.tray-container-open-email-sidebar .docker-item-container1 .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab > div > div {
  height: 44px !important;
}
.tray-container-open-email-sidebar .docker-item-container1 .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab > div > div .material-icons {
  font-size: 16px !important;
  color: #616161 !important;
  left: 25px !important;
  position: absolute !important;
}
.tray-container-open-email-sidebar .docker-item-container1 .tray-left-nav {
  top: 0px !important;
  left: -420px !important;
}

.filterMarginTop label {
  margin-top: 10px;
}

.wide {
  width: 75vw;
}

.addingScroll {
  overflow-y: auto;
  height: 400px;
}

.removeScroll {
  max-height: none !important;
}

.subjectFilterPopup {
  min-width: 280px !important;
  max-width: 50vw;
  width: auto !important;
  left: 632px !important;
}
.subjectFilterPopup .pricing-section {
  padding-right: 10px;
}
.subjectFilterPopup .sub-section .name {
  margin-right: 0 !important;
  float: left;
}
.subjectFilterPopup .sub-section .price {
  display: block;
  margin-left: 100px;
  white-space: normal;
  word-wrap: break-word;
}

.hoverFilterPopup {
  min-width: 280px !important;
  max-width: 50vw;
  width: auto !important;
}
.hoverFilterPopup .pricing-section {
  padding-right: 10px;
}
.hoverFilterPopup .sub-section .name {
  margin-right: 0 !important;
  float: left;
}
.hoverFilterPopup .sub-section .price {
  display: block;
  margin-left: 100px;
  white-space: normal;
  word-wrap: break-word;
}

.fontSize13 {
  font-size: 13px !important;
}

.reduceCheckboxMargin input + div > div:first-child {
  margin-right: 10px !important;
}

.checkboxLabel label {
  width: auto;
  margin-bottom: 0 !important;
}

.statementRadioButton input + div > div:first-child {
  top: 10px !important;
}

.statementDateWidth > div:first-child {
  width: 81px !important;
}

.tray-container-open-insert-sidebar .docker-item-container1 .subject-tab {
  display: inherit;
  left: 0;
  top: 0;
  height: 100%;
  width: calc(100% - 53vw);
  background: #fff;
}
.tray-container-open-insert-sidebar .docker-item-container1 .tray-sidebar-tab-outer > div:nth-child(1) {
  background: transparent !important;
  color: #616161 !important;
  border-bottom: 1px solid #ccc;
  height: 44px !important;
}
.tray-container-open-insert-sidebar .docker-item-container1 .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab {
  background: transparent !important;
  color: #616161 !important;
}
.tray-container-open-insert-sidebar .docker-item-container1 .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab > div > div {
  height: 44px !important;
}
.tray-container-open-insert-sidebar .docker-item-container1 .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab > div > div .material-icons {
  font-size: 16px !important;
  color: #616161 !important;
  left: 25px !important;
  position: absolute !important;
}
.tray-container-open-insert-sidebar .docker-item-container1 .tray-left-nav {
  top: 0px !important;
  left: -420px !important;
}
.tray-container-open-insert-sidebar .maximise-tray .subject-tab {
  position: absolute;
  display: inherit;
  left: -378px;
  top: 0px;
  height: 100%;
  width: 380px;
  background: #fff;
  border-left: 3px solid #ff8a80;
  -moz-box-shadow: 2px 0px 50px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 0px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 0px 50px rgba(0, 0, 0, 0.2);
}
.tray-container-open-insert-sidebar .maximise-tray .tray-sidebar-tab-outer > div:nth-child(1) {
  background: transparent !important;
  color: #616161 !important;
  border-bottom: 1px solid #ccc;
  height: 44px !important;
}
.tray-container-open-insert-sidebar .maximise-tray .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab {
  background: transparent !important;
  color: #616161 !important;
}
.tray-container-open-insert-sidebar .maximise-tray .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab > div > div {
  height: 44px !important;
}
.tray-container-open-insert-sidebar .maximise-tray .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab > div > div .material-icons {
  font-size: 16px !important;
  color: #616161 !important;
  left: 46px !important;
  position: absolute !important;
}
.tray-container-open-insert-sidebar .maximise-tray .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab > div > div .material-icons.active {
  font-size: 16px !important;
  color: #4caf50 !important;
  left: 46px !important;
  position: absolute !important;
}
.tray-container-open-insert-sidebar .maximise-tray .tray-left-nav {
  top: 0px !important;
  left: -420px !important;
}

.table-email-tray {
  border-collapse: collapse;
  border: none;
  border-spacing: 0px;
  margin: 0px;
}
.table-email-tray tr.bdr-top {
  border-top: 1px solid #ddd;
}
.table-email-tray tr.bdr-bottom {
  border-bottom: 1px solid #ddd;
}
.table-email-tray tr {
  border-top: 0px solid #ddd;
  border-bottom: 0px solid #ddd;
}
.table-email-tray tr td {
  padding: 4px 0px;
  vertical-align: middle;
  border: none !important;
}
.table-email-tray tr td .label {
  color: #999;
}
.table-email-tray tr td.label {
  color: #999;
}
.table-email-tray input {
  border: none;
}
.table-email-tray .checkbox-outer {
  display: inline-block !important;
  height: auto !important;
  width: auto !important;
  text-align: left !important;
  margin-left: 10px !important;
}
.table-email-tray .checkbox-outer > div > div {
  margin-right: 4px !important;
}
.table-email-tray .material-icons {
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
  line-height: 30px !important;
}

.compose-email-textarea {
  min-height: 500px;
  border-radius: 0px !important;
}

.field-list-field {
  position: relative;
  overflow: hidden;
}
.field-list-field .list-item-container {
  margin: -9px 0 -8px;
}
.field-list-field .list-item-container .list-item-add-new {
  font-size: 13px !important;
  color: #007eff !important;
  line-height: 10px !important;
  padding: 0px !important;
  margin: 0 !important;
  background: transparent !important;
  border-bottom: 1px solid #ccc !important;
}
.field-list-field .list-item-container .list-item-add-new > div > div {
  padding: 16px 16px 16px 42px !important;
}
.field-list-field .list-item-container .list-item-add-new .material-icons {
  font-size: 18px !important;
  color: #007eff;
  left: 16px !important;
  top: 12px !important;
  position: absolute !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
}
.field-list-field .list-item-container .list-title {
  font-size: 13px !important;
  line-height: 10px !important;
  padding: 0px !important;
  margin: 0 !important;
  background: rgba(204, 204, 204, 0.23) !important;
  border-bottom: 1px solid #ccc !important;
}
.field-list-field .list-item-container .list-title button svg {
  color: #9e9e9e !important;
  height: 20px !important;
  width: 20px !important;
}
.field-list-field .list-item-container .list-item-outer {
  max-height: 78vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: transparent;
  margin: -9px 0 -8px;
  border-bottom: 1px solid #ccc !important;
}
.field-list-field .list-item-container .list-item-outer .list-item {
  line-height: 16px !important;
  padding: 2px !important;
  margin: 0 !important;
}
.field-list-field .list-item-container .list-item-outer .list-item .material-icons {
  font-size: 14px !important;
  color: #616161 !important;
  left: 8px !important;
  top: 12px !important;
  position: absolute !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
}
.field-list-field .list-item-container .list-item-outer .list-item .material-icons.active {
  color: #4caf50 !important;
}
.field-list-field .list-item-container .list-item-outer .list-item .material-icons.action {
  right: 18px !important;
  left: auto !important;
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
}
.field-list-field .list-item-container .list-item-outer .list-item:hover {
  background: rgba(0, 0, 0, 0.1) !important;
}
.field-list-field .list-item-container .list-item-outer .list-item:hover .material-icons.action {
  right: 18px !important;
  left: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inherit !important;
}
.field-list-field .list-item-container .list-item-outer .list-item.bdr-bottom {
  border-bottom: 1px solid #ccc !important;
}
.field-list-field .list-item-container .list-item-outer.no-bdr {
  border-bottom: 0px solid #ccc !important;
}
.field-list-field button .material-icons {
  font-size: 20px !important;
}

.equipment-contDialog {
  padding-top: 20px !important;
}
.equipment-contDialog h3 {
  padding: 5px 15px !important;
  font-size: 16px !important;
  color: #616161;
}
.equipment-contDialog .packages {
  margin: 0 !important;
  padding: 0 !important;
}
.equipment-contDialog .package-list-sidebar {
  margin: 0 !important;
  padding: 0 !important;
}
.equipment-contDialog .package-popup {
  border: 0 !important;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .equipment-contDialog .dialog-body {
    max-height: 480px !important;
    overflow: hidden !important;
  }
  .equipment-contDialog .package-list-body {
    height: calc(100vh - 340px);
    overflow-x: hidden;
  }
  .flowingdown {
    display: block;
    position: relative;
  }
  .flowingdown:hover {
    background-color: #eee;
  }
  .flowingdown:hover .something-inside-but-hidden {
    display: block;
    position: absolute;
    right: 10px;
  }
  .flowingdown-equipip {
    display: block;
    padding: 3px;
    position: relative;
  }
  .flowingdown-equipip:hover {
    background-color: #eee;
  }
  .flowingdown-equipip:hover .something-inside-but-hidden {
    display: block;
    position: absolute;
    top: 3px;
    background: #fff;
    right: 10px;
    border: 1px solid #ccc;
    padding: 3px;
    width: 150px;
    z-index: 10;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .equipment-contDialog .dialog-body {
    max-height: 510px !important;
    overflow: hidden !important;
  }
  .equipment-contDialog .package-list-body {
    height: calc(100vh - 180px);
    overflow-x: hidden;
  }
  .flowingdown {
    display: block;
    position: relative;
  }
  .flowingdown:hover {
    background-color: #eee;
  }
  .flowingdown:hover .something-inside-but-hidden {
    display: block;
    position: absolute;
    right: 10px;
  }
  .flowingdown-equipip {
    display: block;
    padding: 3px;
    position: relative;
  }
  .flowingdown-equipip:hover {
    background-color: #eee;
  }
  .flowingdown-equipip:hover .something-inside-but-hidden {
    display: block;
    position: absolute;
    top: 3px;
    background: #fff;
    right: 10px;
    border: 1px solid #ccc;
    padding: 3px;
    width: 150px;
    z-index: 10;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 2560px) {
  .equipment-contDialog .dialog-body {
    max-height: 550px !important;
    overflow: hidden !important;
  }
  .equipment-contDialog .package-list-body {
    height: calc(100vh - 450px);
    overflow-x: hidden;
  }
  .flowingdown {
    display: block;
    position: relative;
  }
  .flowingdown:hover {
    background-color: #eee;
  }
  .flowingdown:hover .something-inside-but-hidden {
    display: block;
    position: absolute;
    right: 10px;
  }
  .flowingdown-equipip {
    display: block;
    padding: 3px;
    position: relative;
  }
  .flowingdown-equipip:hover {
    background-color: #eee;
  }
  .flowingdown-equipip:hover .something-inside-but-hidden {
    display: block;
    position: absolute;
    top: 3px;
    background: #fff;
    right: 10px;
    border: 1px solid #ccc;
    padding: 3px;
    width: 150px;
    z-index: 10;
  }
}
@media only screen and (max-width: 960px) {
  .maximise-tray.subscriber-tray {
    min-width: 800px !important;
    width: 100vw !important;
    max-width: 800px !important;
  }
}
@media only screen and (max-width: 1280px) {
  .maximise-tray.subscriber-tray {
    min-width: 960px !important;
    width: 100vw !important;
    max-width: 960px !important;
  }
}
@media only screen and (max-width: 1440px) {
  .maximise-tray.subscriber-tray {
    min-width: 960px !important;
    width: 100vw !important;
    max-width: 1040px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 2560px) {
  .drawer-max {
    background-color: #fff;
    position: fixed !important;
    bottom: 0px !important;
    margin-right: 30px;
    right: 0px !important;
    z-index: 100 !important;
    box-shadow: -4px -2px 24px 2px rgba(0, 0, 0, 0.2);
    height: 90vh;
    overflow: hidden;
  }
  .drawer-max .drawer-header {
    top: 0px;
    z-index: 10;
  }
  .drawer-max .drawer-content {
    background-color: #fff;
    height: calc(90vh - 44px);
    overflow-x: hidden;
    overflow-y: auto;
  }
  .drawer-tray-close {
    position: absolute;
    right: 0px;
    z-index: 105;
    width: auto;
  }
  .drawer-tray-close button {
    float: right !important;
    outline: none !important;
    border: none;
    background: none;
    margin: 2px 2px;
    padding: 8px 2px;
    line-height: 0;
  }
  .drawer-tray-close button .material-icons {
    border: none;
    background: none;
    margin: 2px 2px;
    padding: 8px 2px;
    line-height: 0;
    color: white;
  }
  .drawer-content h1 {
    color: #616161;
    margin-top: 0px;
  }
  .drawer-content h2 {
    color: #616161;
    margin-top: 0px;
  }
  .drawer-content h3 {
    color: #616161;
    margin-top: 0px;
  }
  .drawer-content h4 {
    color: #616161;
    margin-top: 0px;
    margin: 0 0 15px !important;
    padding: 0 !important;
  }
  .drawer-content h5 {
    color: #616161;
    margin-top: 0px;
  }
  .drawer-content h6 {
    margin-top: 0px;
  }
  .drawer-content .h1 {
    color: #616161;
    margin-top: 0px;
  }
  .drawer-content .h2 {
    color: #616161;
    margin-top: 0px;
  }
  .drawer-content .h3 {
    color: #616161;
    margin-top: 0px;
  }
  .drawer-content .h4 {
    color: #616161;
    margin-top: 0px;
  }
  .drawer-content .h5 {
    color: #616161;
    margin-top: 0px;
  }
  .drawer-content .h6 {
    color: #616161;
    margin-top: 0px;
  }
  .drawer-content .display-none {
    visibility: hidden !important;
    height: 0px !important;
  }
  .drawer-content .drawer-checkbox {
    min-width: 80px;
    max-width: 100px;
    width: auto !important;
    display: inline !important;
    white-space: nowrap;
    float: left;
    top: 40px;
  }
  .drawer-content .drawer-checkbox div > div {
    margin-right: 6px !important;
  }
  .drawer-content .drawer-checkbox div > div div {
    margin-right: auto !important;
  }
  .drawer-content .details {
    padding: 0px 24px;
    margin-bottom: 0px;
    word-break: break-word;
    padding: 0;
    margin: 0 0 45px;
    overflow-y: hidden;
    overflow-x: hidden;
    border-bottom: 0px solid rgba(0, 0, 0, 0.15);
  }
  .drawer-content .details .drawer-address-list-item > div > div {
    padding: 12px 0 12px 40px !important;
  }
  .drawer-content .details .drawer-address-list-item .drawer-address-list-item-inner {
    color: #616161 !important;
  }
  .drawer-content .details h6.text-blue {
    padding-bottom: 0 !important;
    margin-bottom: 25px !important;
    line-height: normal !important;
  }
  .drawer-content .details h6.text-default {
    padding-bottom: 0 !important;
    margin-bottom: 25px !important;
    line-height: normal !important;
  }
  .drawer-content .details .icon-box {
    margin-top: 0px;
    position: relative;
    padding: 0 0 0 40px;
  }
  .drawer-content .details .icon-box .material-icons {
    top: 4px;
  }
  .drawer-content .details .icon-box h3 {
    font-weight: 400;
    text-transform: inherit !important;
    letter-spacing: 0px;
    margin: 0;
    color: #616161;
    word-wrap: break-word;
    font-size: 12px;
  }
  .drawer-content .details p.billing-contact {
    color: #999 !important;
    margin: 20px 0 10px;
  }
  .drawer-content .details p.billing-primary-contact {
    color: #999 !important;
    margin: 0px 0 10px;
  }
  .drawer-content .details .address {
    padding: 24px 24px 24px;
    margin: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 0px solid rgba(0, 0, 0, 0.15);
  }
  .drawer-content .details .address .material-icons {
    color: rgba(0, 0, 0, 0.87);
    position: relative;
    margin: 0 !important;
  }
  .drawer-content .details .address .verify-email p > div {
    bottom: 0 !important;
  }
  .drawer-content .details .address .contact-state .is-open .Select-menu-outer {
    max-height: 70px !important;
  }
  .drawer-content .details .address .contact-state .is-open .Select-menu {
    max-height: 70px !important;
  }
  .drawer-content .details .address .headertitle {
    margin-bottom: 15px !important;
  }
  .drawer-content .details .address .headertitle h6.text-blue {
    margin: 0px !important;
  }
  .drawer-content .details .address .add-email {
    font-size: 16px !important;
  }
  .drawer-content .details .address h6.text-blue {
    padding: 0 !important;
    margin: 0 0 15px !important;
  }
  .drawer-content .details .address .details-tab-container {
    position: relative !important;
    top: -10px !important;
  }
  .drawer-content .details .address .save-row {
    background: #f4f4f4;
    position: absolute;
    width: calc(100vw - 321px);
    bottom: -45px;
    left: 0px;
    padding: 15px;
  }
  .drawer-content .address {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 0px 24px 24px;
    margin-bottom: 0px;
    word-break: break-word;
    margin: 0;
  }
  .drawer-content .billing {
    border-bottom: 0px solid rgba(0, 0, 0, 0.15);
    padding: 0px 24px;
    word-break: break-word;
    margin: 0 0 45px;
  }
  .drawer-content .billing .drawer-radio-btn {
    width: auto !important;
    max-width: 50% !important;
    white-space: nowrap !important;
    padding-right: 30px !important;
    float: left !important;
  }
  .drawer-content .data {
    border-bottom: 0px solid rgba(0, 0, 0, 0.15);
    padding: 0px 24px 24px;
    word-break: break-word;
    margin: 0 0 0;
    border-bottom: 0px solid rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(0, 0, 0, 0.15);
  }
  .drawer-content .data .save-row {
    background: #f4f4f4;
    position: relative;
    bottom: -15px;
    padding: 15px;
  }
  .drawer-content .packages {
    border-bottom: 0px solid rgba(0, 0, 0, 0.15);
    padding: 0px 24px;
    word-break: break-word;
    margin: 0 0 45px;
  }
  .drawer-content .packages .package-invoice-type span {
    padding-bottom: 15px;
    color: #999;
    font-size: 14px !important;
    text-transform: capitalize;
    display: block;
  }
  .drawer-content .packages .select-invoice-btn i.material-icons {
    color: white;
  }
  .drawer-content .packages .package-invoice-quote-date-tbl {
    width: auto !important;
    float: right !important;
    margin-bottom: 0 !important;
  }
  .drawer-content .packages .package-invoice-quote-date-tbl td {
    padding: 4px 10px;
    border: none !important;
    text-align: left !important;
  }
  .drawer-content .packages .package-invoice-quote-date-tbl td span.green {
    color: #66bb6a;
  }
  .drawer-content .packages .package-invoice-quote-date-tbl td span.red {
    color: #f44336;
  }
  .drawer-content .packages .package-invoice-quote-date-tbl td span.gray {
    color: #aaa;
  }
  .drawer-content .packages .package-invoice-quote-date-tbl td.selected span {
    border-bottom: 2px solid #0054f4 !important;
    display: block;
    padding-bottom: 5px;
  }
  .drawer-content .packages h6.text-blue.sub-title {
    padding: 0 !important;
    margin: 0 0 20px !important;
  }
  .drawer-content .packages .package-popup {
    margin: -1px 0px;
    border-top: 1px solid #ccc;
    overflow: hidden;
    top: -1px;
    z-index: 99;
    background: #fff;
    width: inherit;
  }
  .drawer-content .packages .package-popup .package-list-sidebar {
    background: rgba(0, 0, 0, 0.05);
  }
  .drawer-content .packages .package-popup .package-list-body {
    margin: 0px 0;
    border-left: 1px solid #ccc;
    background: #fff;
  }
  .drawer-content .packages .package-popup.hide {
    display: none;
  }
  .drawer-content .packages .subheader-list {
    font-size: 14px !important;
    color: rgba(0, 0, 0, 0.8) !important;
  }
  .drawer-content .packages .package-list-sidebar.package-services {
    margin: 0 !important;
    padding: 0px !important;
  }
  .drawer-content .packages .package-list-sidebar.package-services > div {
    padding: 0 !important;
  }
  .drawer-content .packages .package-list-sidebar {
    position: relative;
    overflow: hidden;
    margin: 0 -15px;
  }
  .drawer-content .packages .package-list-sidebar .list-title {
    line-height: 20px !important;
    padding: 0px !important;
    margin: 0 !important;
    background: rgba(204, 204, 204, 0.23) !important;
    border-bottom: 1px solid #ccc !important;
  }
  .drawer-content .packages .package-list-sidebar .list-title i.material-icons.left-icon {
    top: -7px !important;
  }
  .drawer-content .packages .package-list-sidebar .list-title button {
    right: 0px !important;
    top: -6px !important;
  }
  .drawer-content .packages .package-list-sidebar .list-title button svg {
    color: #9e9e9e !important;
    height: 20px !important;
    width: 20px !important;
  }
  .drawer-content .packages .package-list-sidebar .list-title.active {
    background: rgba(84, 125, 249, 0.2) !important;
  }
  .drawer-content .packages .package-list-sidebar .list-item {
    line-height: 16px !important;
    padding: 6px !important;
    margin: 0 !important;
  }
  .drawer-content .packages .package-list-sidebar .list-item .material-icons {
    font-size: 14px !important;
    color: #616161;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
  }
  .drawer-content .packages .package-list-sidebar .list-item button {
    top: -8px !important;
    right: -1px !important;
  }
  .drawer-content .packages .package-list-sidebar .list-item button svg {
    color: #9e9e9e !important;
    height: 20px !important;
    width: 20px !important;
  }
  .drawer-content .packages .package-list-sidebar .list-item.child-list > div {
    margin-left: 0 !important;
    padding: 0px 0px 0px 72px !important;
  }
  .drawer-content .packages .package-list-sidebar .list-item.child-list .add-equipment-btn {
    top: 0px !important;
    right: 8px !important;
    height: 24px !important;
    line-height: 24px !important;
    text-align: left !important;
  }
  .drawer-content .packages .package-list-sidebar .list-item.child-list .add-equipment-btn i.material-icons {
    top: 7px !important;
    color: #0057FF;
  }
  .drawer-content .packages .package-list-sidebar .list-item.child-list .add-equipment-btn span {
    text-transform: none !important;
    padding-left: 28px !important;
  }
  .drawer-content .packages .package-list-sidebar .list-item:hover .material-icons.action {
    right: 18px !important;
    left: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inherit !important;
  }
  .drawer-content .packages .package-list-sidebar .list-item.bdr-bottom {
    border-bottom: 1px solid #ccc !important;
  }
  .drawer-content .packages .package-list-sidebar .list-item:hover {
    background: rgba(0, 0, 0, 0.05) !important;
  }
  .drawer-content .packages .package-status {
    height: 10px;
    width: 10px;
    overflow: hidden;
    font-size: 10px !important;
  }
  .drawer-content .packages .package-status.active {
    color: #66bb6a !important;
  }
  .drawer-content .packages .package-status.inactive {
    color: #aaa !important;
  }
  .drawer-content .packages .package-status.suspended {
    color: #f44336 !important;
  }
  .drawer-content .packages .package-status.on-process {
    color: #ffb74d !important;
  }
  .drawer-content .packages .mdl-data-table td,
  .drawer-content .packages .mdl-data-table th .mdl-data-table td:first-of-type,
  .drawer-content .packages .mdl-data-table th:first-of-type {
    padding-left: 10px !important;
  }
  .drawer-content .packages .package-table {
    table-layout: auto !important;
  }
  .drawer-content .packages .package-table thead tr {
    border-left: 0px solid rgba(0, 0, 0, 0.1);
    border-right: 0px solid rgba(0, 0, 0, 0.1);
    height: 25px !important;
  }
  .drawer-content .packages .package-table thead tr th {
    border: none !important;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .drawer-content .packages .package-table tr {
    height: 26px !important;
  }
  .drawer-content .packages .package-table tr td {
    vertical-align: middle !important;
    padding: 0 8px;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl {
    table-layout: fixed;
    margin: 0px !important;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr .open-rowequipment {
    padding: 0px !important;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr td {
    border: none !important;
    padding: 0 8px !important;
    color: #616161 !important;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr td input.form-control {
    width: 100% !important;
    max-width: 100% !important;
    text-align: inherit !important;
    padding: 1px !important;
    border-radius: 0px;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr td input.form-control:hover {
    text-decoration: none !important;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr td .material-icons.text-red.close {
    visibility: hidden;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr td .material-icons.text-red.closePackage {
    visibility: hidden;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr td a {
    color: inherit !important;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr td a.field_below_link {
    color: #0057FF !important;
    position: relative !important;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr td.row-package-list, .drawer-content .packages .package-table tr td .table.package-row-tbl tr td.row-equipment-list {
    padding: 0px !important;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr td .edit-action-icon {
    position: absolute;
    right: -52px;
    top: -1px;
    z-index: 1;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr td .edit-action-icon button {
    background: #fff;
    margin: 2px;
    padding: 2px;
    line-height: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #ccc;
    border-radius: 100px;
    font-weight: 600;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr td .edit-action-icon button .material-icons {
    font-size: inherit !important;
    margin: 1px;
    padding: 0px;
    line-height: 0;
    height: auto;
    width: auto;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr td .edit-action-icon button .material-icons.done {
    color: #66bb6a;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr td .edit-action-icon button .material-icons.remove {
    color: #f44336;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr .closePackage {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr .closePackage:focus,
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr .closePackage:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.75;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr:hover {
    background-color: #c8d2f1 !important;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr:hover td .material-icons.text-red.close {
    visibility: visible;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr:hover td .material-icons.text-red.closePackage {
    visibility: visible;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr.editable-row:hover td div > div,
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr.editable-row:hover td a {
    text-decoration: underline !important;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr.editable-row.open-row {
    background: #dbedfd;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl tr .rate-rt-align {
    padding-right: 34px !important;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl.add-new-package-table tr {
    background: rgb(239, 249, 253) !important;
  }
  .drawer-content .packages .package-table tr td .table.package-row-tbl.add-new-package-table:hover {
    background: rgb(239, 249, 253) !important;
  }
  .drawer-content .packages .package-table .add-package-table-dd-menu {
    height: 20px !important;
    max-width: 94px !important;
    top: 5px !important;
  }
  .drawer-content .packages .package-table .add-package-table-dd-menu > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) {
    height: 20px !important;
    line-height: 20px !important;
    padding: 0px 26px 0 0 !important;
  }
  .drawer-content .packages .package-table .add-package-table-dd-menu > div:nth-child(2) > div:nth-child(1) > button {
    top: -5px !important;
    height: 20px !important;
    width: 20px !important;
    padding: 0px !important;
    right: 4px !important;
  }
  .drawer-content .packages .package-table tbody.tbody-package tr td {
    border: none !important;
  }
  .drawer-content .packages .package-table .show-more-table-row {
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }
  .drawer-content .packages .package-table .show-more-table-row * {
    border: none !important;
  }
  .drawer-content .packages .package-table .show-more-table {
    margin: 0px;
  }
  .drawer-content .packages .package-table .show-more-table thead * tr {
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }
  .drawer-content .packages .package-table .show-more-table tbody tr td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }
  .drawer-content .packages .package-table.mdl-data-table td:first-of-type {
    padding-left: 0px !important;
  }
  .drawer-content .packages .invoice-total-table thead tr th {
    border: none !important;
    padding: 4px !important;
  }
  .drawer-content .packages .invoice-total-table tbody tr td {
    border: none !important;
    padding: 4px !important;
  }
  .drawer-content .transactions {
    border-bottom: 0px solid rgba(0, 0, 0, 0.15);
    padding: 0px 24px;
    word-break: break-word;
    margin: 0 0 45px;
  }
  .drawer-content .transactions table.trans-fixed-tbl {
    width: 100%;
    max-width: 1103px;
    table-layout: fixed;
    margin: 0;
  }
  .drawer-content .transactions table.trans-fixed-tbl thead {
    background: rgb(189, 189, 189);
  }
  .drawer-content .transactions table.trans-fixed-tbl thead tr th {
    border: none !important;
    padding: 6px 10px !important;
  }
  .drawer-content .transactions table.trans-scroll-tbl {
    width: 100%;
    max-width: 1107px;
    table-layout: fixed;
  }
  .drawer-content .transactions table.trans-scroll-tbl tbody tr:hover {
    background-color: #c8d2f1 !important;
  }
  .drawer-content .transactions table.trans-scroll-tbl tbody tr td {
    padding: 6px 10px !important;
  }
  .drawer-content .transactions table.trans-scroll-tbl tbody .selected-row {
    background: #0a2571 !important;
  }
  .drawer-content .transactions table.trans-scroll-tbl tbody .selected-row:hover {
    background: #0a2571 !important;
  }
  .drawer-content .transactions table.trans-scroll-tbl tbody .selected-row td:first-child,
  .drawer-content .transactions table.trans-scroll-tbl tbody .selected-row td:nth-child(2),
  .drawer-content .transactions table.trans-scroll-tbl tbody .selected-row td:nth-child(3),
  .drawer-content .transactions table.trans-scroll-tbl tbody .selected-row td:nth-child(6),
  .drawer-content .transactions table.trans-scroll-tbl tbody .selected-row td:nth-child(7) {
    color: #fff !important;
  }
  .drawer-content .receivePayment {
    border-bottom: 0px solid rgba(0, 0, 0, 0.15);
    padding: 0px 24px;
    word-break: break-word;
    margin: 0 0 45px;
  }
  .drawer-content .receivePayment .add_NewPayment {
    margin: 2px 0 !important;
  }
  .drawer-content .receivePayment .payment-Selection label > span:first-child {
    height: auto !important;
  }
  .drawer-content .receivePayment .process-cardpay .table {
    margin: 0;
  }
  .drawer-content .receivePayment .process-cardpay .table td {
    padding-bottom: 0;
  }
  .drawer-content .receivePayment .process-cardpay .table td label {
    margin-bottom: 0;
  }
  .drawer-content .activity {
    position: relative;
    border-bottom: 0px solid rgba(0, 0, 0, 0.15);
    padding: 0px 24px;
    word-break: break-word;
    margin: 0 0 0;
  }
  .drawer-content .activity a.min-float-action-btn-link {
    padding: 0 !important;
    position: relative;
    top: 5px;
  }
  .drawer-content .activity .min-float-action-btn > button {
    height: 30px !important;
    width: 30px !important;
    line-height: 40px !important;
  }
  .drawer-content .activity .min-float-action-btn > button button svg {
    height: 20px !important;
  }
  .drawer-content .activity .details-tab-container {
    position: relative !important;
    top: -10px !important;
  }
  .drawer-content .activity .loader {
    width: 73vw;
    background: rgba(255, 255, 255, 0.74);
    z-index: 999;
    height: 0vh;
    position: absolute;
    top: 0px;
    height: 50vh;
  }
  .drawer-content .activity .mdl-data-table tbody td {
    padding: 4px;
  }
  .drawer-content .drawer-form-select-field {
    width: 100% !important;
  }
  .drawer-content .drawer-form-select-field button {
    padding: 0 !important;
    width: auto !important;
  }
  .drawer-content a {
    font-weight: 400;
    color: #0057FF !important;
  }
  .drawer-content .text-orange {
    color: #ff9800 !important;
  }
  .drawer-content .text-red {
    color: #f44336 !important;
  }
  .drawer-content .text-green {
    color: #4caf50 !important;
  }
  .drawer-content .text-blue {
    color: #039be6 !important;
  }
  .drawer-content .chart-ping-btn {
    background: none !important;
    box-shadow: none !important;
    padding: 0px !important;
    text-align: left !important;
  }
  .drawer-content .chart-ping-btn * {
    background: none !important;
    box-shadow: none !important;
    padding: 0px !important;
    text-align: left !important;
  }
  .drawer-content .chart-ping-btn * button * .material-icons {
    position: relative;
    top: 13px;
  }
  .drawer-content .chart-ping-btn button * .material-icons {
    position: relative;
    top: 13px;
  }
  .drawer-content .chart-ping-btn-sm {
    background: none !important;
    box-shadow: none !important;
    padding: 0px !important;
    text-align: left !important;
  }
  .drawer-content .chart-ping-btn-sm * {
    background: none !important;
    box-shadow: none !important;
    padding: 0px !important;
    text-align: left !important;
  }
  .drawer-content .chart-ping-btn-sm * button * {
    font-size: 10px !important;
  }
  .drawer-content .chart-ping-btn-sm * button * .material-icons {
    top: 13px;
  }
  .drawer-content .chart-ping-btn-sm button * {
    font-size: 10px !important;
  }
  .drawer-content .chart-ping-btn-sm button * .material-icons {
    top: 13px;
  }
  .drawer-content .chart-ping-led .material-icons.led {
    font-size: 6px !important;
    top: 8px;
  }
  .drawer-content button {
    white-space: pre;
  }
  .drawer-content * .material-icons {
    font-size: 18px !important;
  }
  .drawer-content * h6.text-blue {
    padding: 0 !important;
    margin: 25px 0 15px !important;
  }
  .drawer-content * h4 {
    color: white !important; /* light */
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 0 20px !important;
    margin: 0 -24px 30px !important;
    text-transform: capitalize;
    background: rgba(56, 63, 82, 0.85);
    height: 40px;
    line-height: 40px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px -5px 15px !important;
  }
  .drawer-content * h5 {
    font-weight: 400 !important;
    font-size: 16px !important;
  }
  .drawer-content * p {
    vertical-align: top;
  }
  .drawer-content * small {
    font-size: 10px !important;
  }
  .drawer-content * .text-balance {
    font-size: 28px !important;
    margin-top: -10px !important;
  }
  .drawer-content .ip-chart-body {
    background: rgba(0, 0, 0, 0.05);
  }
  .drawer-content .date {
    font-size: 10px !important;
    color: #9e9e9e;
    margin-bottom: 5px;
    padding: 0;
  }
  .drawer-content .even {
    background: #fff !important;
  }
  .drawer-content .odd {
    background: rgba(0, 0, 0, 0.05) !important;
  }
  .drawer-content .package-active-link {
    border-bottom: 1px solid #0054f4 !important;
  }
  .drawer-content .alert {
    padding: 5px 10px;
  }
  .drawer-content .drawer-tbl-filter-item {
    margin: 0px -1px 10px 0;
    display: inline-block;
    padding: 5px 10px;
    text-transform: capitalize;
    cursor: pointer;
    color: #616161 !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
  }
  .drawer-content .drawer-tbl-filter-item i.material-icons {
    font-size: 14px !important;
  }
  .drawer-content .drawer-tbl-filter-item i.material-icons.log-icon {
    font-size: 18px !important;
  }
  .drawer-content .drawer-tbl-filter-item.active {
    border-bottom: 1px solid #0054f4;
    box-shadow: inset 0px -1px 0px #0054f4;
    color: #333 !important;
    background: rgba(0, 0, 0, 0.05);
    font-weight: 600;
  }
  .drawer-content .drawer-form-input-text {
    width: 100% !important;
  }
  .drawer-content a.form-text-link {
    bottom: 17px;
    position: absolute;
  }
  .drawer-content .mdl-data-table.payment-received-tbl {
    table-layout: auto !important;
    border: none !important;
  }
  .drawer-content .mdl-data-table.payment-received-tbl tr {
    padding: 0 !important;
    margin: 0 !important;
    height: auto;
    border: none;
    line-height: 16px;
    white-space: normal;
  }
  .drawer-content .mdl-data-table.payment-received-tbl th {
    padding: 0 !important;
    margin: 0 !important;
    height: auto;
    border: none;
    line-height: 16px;
    white-space: normal;
  }
  .drawer-content .mdl-data-table.payment-received-tbl td {
    padding: 0 !important;
    margin: 0 !important;
    height: auto;
    border: none;
    line-height: 16px;
    white-space: normal;
  }
  .drawer-content .mdl-data-table.payment-received-tbl td h3 {
    margin: 0;
    padding: 0;
    font-size: 16px !important;
  }
  .drawer-content .mdl-data-table.payment-received-tbl td label {
    line-height: inherit !important;
    margin: 3px 0 0 !important;
  }
  .drawer-content .mdl-data-table.payment-received-tbl td .invoice-checkbox-outer > div > div {
    width: 0px !important;
    margin-right: 22px !important;
  }
  .drawer-content .mdl-data-table.payment-received-tbl td.invoice-date {
    font-size: 10px !important;
    color: #ccc !important;
    right: 15px;
  }
  .drawer-content .material-icons.icon-btn {
    color: #fff !important;
  }
  .drawer-content .material-icons {
    position: relative;
  }
  .drawer-content .material-icons.edit {
    cursor: pointer;
  }
  .drawer-content .tbody-package td.edit-col {
    color: #0057FF !important;
    cursor: pointer;
  }
  .drawer-content .tbody-package td.edit-col:hover {
    background: rgba(84, 125, 249, 0.2) !important;
  }
  .drawer-content .tbody-package:hover td.edit-col {
    background: rgba(84, 125, 249, 0.2) !important;
  }
  .flowingdown.maintab-tooltip {
    padding: 0 10px;
    position: relative;
  }
  .flowingdown.maintab-tooltip:hover {
    background-color: #eee;
  }
  .flowingdown.maintab-tooltip:hover .something-inside-but-hidden {
    top: 7px;
  }
}
div.select-invoice-menu {
  padding: 0 !important;
  overflow: hidden !important;
  display: inherit !important;
}
div.select-invoice-menu > div {
  padding: 0px !important;
}

div.select-invoice-quote {
  padding: 20px !important;
  padding: 20px !important;
  width: 866px !important;
}
div.select-invoice-quote .material-icons {
  color: #039be6 !important;
  position: relative;
  margin-right: 10px;
  vertical-align: middle;
}
div.select-invoice-quote .spn_1 {
  font-size: 13px !important;
  color: #616161 !important;
  font-weight: 400;
}
div.select-invoice-quote .spn_2 {
  font-size: 13px !important;
  color: #616161 !important;
  font-weight: 400;
  float: left;
  padding-left: 35px;
  padding-top: 3px;
  margin-right: 15px;
}
div.select-invoice-quote .r_wd {
  width: auto !important;
  display: inline-block !important;
  margin-right: 15px;
}
div.select-invoice-quote .r_wd label {
  width: auto !important;
  font-size: 13px !important;
}
div.select-invoice-quote button * {
  font-weight: 400 !important;
}

.invoice-list-tbl-container {
  max-height: 290px;
  overflow-x: hidden;
  overflow-y: auto;
}
.invoice-list-tbl-container .table {
  margin: 0px;
  table-layout: fixed;
  position: sticky;
  top: 0px;
}
.invoice-list-tbl-container .table thead {
  border-bottom: 1px solid #ccc;
}
.invoice-list-tbl-container .table thead tr th {
  border-top: 0px !important;
  position: relative !important;
  vertical-align: baseline;
  word-wrap: break-word;
  white-space: normal;
  line-height: 16px;
  border-bottom: 0px;
  color: #616161;
  padding: 5px !important;
}
.invoice-list-tbl-container .table tbody tr.activity-tbldata {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.invoice-list-tbl-container .table tbody tr:hover {
  background-color: #9fafdb !important;
}
.invoice-list-tbl-container .table tbody tr .selecttbl-row {
  padding: 0px !important;
}
.invoice-list-tbl-container .table tbody tr .selecttbl-row .selectpackage-msg {
  text-align: center;
  padding: 10px;
  background: #f9f9f9;
  color: #ccc;
}
.invoice-list-tbl-container .table tbody tr td {
  position: relative !important;
  vertical-align: baseline;
  word-wrap: break-word;
  white-space: normal;
  line-height: 16px;
  border-top: 0px;
  color: #616161;
  padding: 5px !important;
}
.invoice-list-tbl-container .table tbody tr.selected-row {
  background: #0a2571 !important;
}
.invoice-list-tbl-container .table tbody tr.selected-row td {
  color: #fff !important;
}

.equipment-list-tbl-container .table thead > tr > th {
  vertical-align: middle;
}
.equipment-list-tbl-container .table tbody tr.selected-row {
  background: #0a2571 !important;
}
.equipment-list-tbl-container .table tbody tr.selected-row td {
  color: #fff !important;
}

.text-orange {
  color: #ff9800 !important;
}

.text-red {
  color: #f44336 !important;
}

.text-green {
  color: #4caf50 !important;
}

.text-blue {
  color: #039be6 !important;
}

.text-link-blue {
  color: #0057FF !important;
  cursor: pointer;
}

.addcustom_pkg {
  left: 70px !important;
}
.addcustom_pkg > div > div > div {
  width: 866px !important;
}

.dialog-content label {
  line-height: 20px;
}

.drawer-selected-nav {
  position: absolute;
  top: 32px;
  left: 7px;
  border-bottom: 2px solid white;
  transition: all 1s !important;
  z-index: 99;
}

.add-NewPayment * {
  line-height: 28px !important;
}

.ghost-btn {
  border: 1px solid #fff !important;
  height: 28px !important;
  line-height: 0px !important;
  top: 2px;
  margin-left: 10px !important;
}
.ghost-btn > div {
  top: -2px;
  position: relative;
}
.ghost-btn * {
  background: transparent !important;
  color: #fff !important;
}

.ghost-btn-2 {
  border: 1px solid #9e9e9e !important;
  top: 1px;
}
.ghost-btn-2 > div {
  top: -3px;
  position: relative;
}
.ghost-btn-2 span {
  text-transform: inherit;
  padding: 0px 12px !important;
}
.ghost-btn-2 span > span {
  padding: 0px !important;
}
.ghost-btn-2 * {
  background: transparent !important;
  color: #9e9e9e !important;
}

.package-statusBtn span {
  padding: 0px 12px !important;
}

.convertinvoice-btn {
  border: 1px solid #fff !important;
  height: 28px !important;
  line-height: 0px !important;
  top: 1px;
  margin-left: 10px !important;
}
.convertinvoice-btn > div {
  top: 0px;
  position: relative;
}
.convertinvoice-btn * {
  background: transparent !important;
  color: #fff !important;
}

.invoice-DateRecord > div {
  width: 100% !important;
}

.search-subscriberlist {
  z-index: 1000 !important;
}

.width-only-transition {
  transition-property: width !important;
}

span[role=menuitem],
div[role=menuitem] {
  min-height: 40px !important;
  line-height: 40px !important;
}
span[role=menuitem] svg:not(:root),
div[role=menuitem] svg:not(:root) {
  height: 20px !important;
  width: 20px !important;
  margin: 10px 20px !important;
}
span[role=menuitem] svg.set-auto-action-svg,
div[role=menuitem] svg.set-auto-action-svg {
  height: auto !important;
  width: 20px !important;
  margin: 3px 0px !important;
}

span.list-item.child-list > div > div {
  margin-left: 0 !important;
  padding: 0 !important;
}

.mat-ripple-element {
  display: none !important;
}

/*table filter item*/
.showOtherMenu > div + div {
  width: auto !important;
  top: 150px !important;
}

.paidup-color {
  display: inline-block;
  margin-right: 9px;
  border-radius: 5px;
}
.paidup-color .material-icons {
  color: #6ebb5f !important;
  font-size: 18px;
  padding: 0;
  margin: -7px;
  position: relative;
  top: 4px;
}

.due-color {
  display: inline-block;
  margin-right: 9px;
  border-radius: 5px;
}
.due-color .material-icons {
  color: #fcb831 !important;
  font-size: 18px;
  padding: 0;
  margin: -7px;
  position: relative;
  top: 4px;
}

.pastdue-color {
  display: inline-block;
  margin-right: 9px;
  border-radius: 5px;
}
.pastdue-color .material-icons {
  color: #ee462e !important;
  font-size: 18px;
  padding: 0;
  margin: -7px;
  position: relative;
  top: 4px;
}

.suspended-color {
  display: inline-block;
  margin-right: 9px;
  border-radius: 5px;
}
.suspended-color .material-icons {
  color: #ee462e !important;
  font-size: 18px;
  padding: 0;
  margin: -7px;
  position: relative;
  top: 4px;
}

.hibernated-color {
  display: inline-block;
  margin-right: 9px;
  border-radius: 5px;
}
.hibernated-color .material-icons {
  color: #006eff !important;
  font-size: 18px;
  padding: 0;
  margin: -7px;
  position: relative;
  top: 4px;
}

.inactive-color {
  display: inline-block;
  margin-right: 9px;
  border-radius: 5px;
}
.inactive-color .material-icons {
  color: #aaaaaa !important;
  font-size: 18px;
  padding: 0;
  margin: -7px;
  position: relative;
  top: 4px;
}

.archive-color {
  display: inline-block;
  margin-right: 9px;
  border-radius: 5px;
}
.archive-color .material-icons {
  color: #767676 !important;
  font-size: 18px !important;
  padding: 0;
  margin: -7px;
  position: relative;
  top: 4px;
}

table .paidup-color {
  margin: 0;
  position: absolute;
  left: 0;
}
table .paidup-color .material-icons {
  margin: 0;
  top: 2px !important;
  left: -8px;
}
table .due-color {
  margin: 0;
  position: absolute;
  left: 0;
}
table .due-color .material-icons {
  margin: 0;
  top: 1px;
  left: -8px;
}
table .pastdue-color {
  margin: 0;
  position: absolute;
  left: 0;
}
table .pastdue-color .material-icons {
  margin: 0;
  top: 1px;
  left: -8px;
}
table .suspended-color {
  margin: 0;
  position: absolute;
  left: 0;
}
table .suspended-color .material-icons {
  margin: 0;
  top: 1px;
  left: -8px;
}
table .hibernated-color {
  margin: 0;
  position: absolute;
  left: 0;
}
table .hibernated-color .material-icons {
  margin: 0;
  top: 1px;
  left: -8px;
}
table .inactive-color {
  margin: 0;
  position: absolute;
  left: 0;
}
table .inactive-color .material-icons {
  margin: 0;
  top: 1px !important;
  left: -8px;
}
table .archive-color {
  margin: 0;
}

i.material-icons.link-status {
  left: -15px;
  margin: 0;
  position: absolute;
  top: 5px;
}

.high-text {
  color: #f33155;
}

.normal-text {
  color: #ffbb44;
}

.low-text {
  color: #2e2e2e;
}

.tbl-filter-item {
  padding: 5px 17px;
  display: inline-block !important;
  margin: 0;
  background: #fff;
  border-left: 1px solid #c3c3c3;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  text-transform: capitalize;
  font-size: 12px;
  border-radius: 0;
  cursor: pointer;
  color: #2e2e2e;
}
.tbl-filter-item:last-of-type {
  border-right: 1px solid #c3c3c3;
}
.tbl-filter-item i.material-icons.suspended-color {
  top: 3px;
  position: relative;
}

.tbl-filter-item.more-less-icon {
  background: #8d8d8d;
  padding: 4.5px 0 !important;
}
.tbl-filter-item.more-less-icon .material-icons {
  color: #fff !important;
}

.tbl-filter-item.active {
  position: relative;
  background: #ecf2ff;
}
.tbl-filter-item.active:before {
  content: "";
  border: 1px solid #0953f3;
  bottom: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
  left: -1px;
}

.other-selectionList {
  width: auto !important;
  height: auto !important;
  vertical-align: top !important;
}

.list-selectionMenu svg {
  height: 20px !important;
}

.tbl-filter-item.all-item {
  padding: 5px 20px 5px 20px;
}

.tbl-filter-item.menu-item {
  display: inline-block;
  color: #fff;
  padding: 0 !important;
  font-size: 10px;
  margin: 0;
  float: right;
  height: 32px;
  bottom: 0px;
  position: relative;
}
.tbl-filter-item.menu-item > * {
  padding: 0 !important;
  font-size: 1px !important;
  margin: 0 !important;
  line-height: 0px !important;
  height: 0px !important;
}
.tbl-filter-item.menu-item div button {
  padding: 4px !important;
  height: auto !important;
  border: none !important;
  width: auto !important;
}
.tbl-filter-item.menu-item div button i.material-icons {
  font-size: 16px;
  padding: 4px;
}
.tbl-filter-item.menu-item div svg {
  margin: 3px 0 0 0;
}

.search-filter-item {
  padding: 5px 10px;
  display: inline-block;
  margin: 0 10px 0 0px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 400;
  text-transform: capitalize;
  font-size: 12px;
  cursor: pointer;
}

.search-filter-item.active {
  background: rgba(0, 0, 0, 0.1) !important;
  border-bottom: 2px solid skyblue !important;
  font-weight: 800 !important;
}

.search-filters-list .react-daterange-picker {
  padding: 15px 0 !important;
}
.search-filters-list .react-daterange-picker .react-daterange-picker__wrapper {
  border: none !important;
}

.tox-notifications-container {
  visibility: hidden;
}

.loader-top {
  margin: 0 -15px !important;
  position: absolute !important;
  top: 0 !important;
  z-index: 100 !important;
  height: 5px !important;
  width: 100% !important;
}

* .h-0 {
  height: 0 !important;
}

* .w-0 {
  width: 0 !important;
}

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

.outline-btn-primary {
  border: 1px solid #0053f4 !important;
}

.sticky {
  position: sticky;
  top: 0;
  background: rgb(249, 249, 249);
  z-index: 10;
  border-bottom: 1px solid #eee;
}

.bg-light {
  background: rgb(249, 249, 249);
}

.bdr-btm-light-thin {
  border-bottom: 1px solid #eee;
}

div.selected {
  background: #e8eaf6 !important;
}
div.selected div {
  font-weight: bold;
}

.table tbody tr .remove-package {
  display: none;
}
.table tbody tr .active-row {
  display: inline;
}

.table tbody tr.active-row {
  background-color: #c8d2f1 !important;
}
.table tbody tr.active-row .remove-package {
  display: inline;
}

.table tbody tr:hover .remove-package {
  display: inline;
}

nav.app-sidebar {
  z-index: 10000 !important;
}

.tray-container,
[data-reactroot] {
  border-radius: 0 !important;
}
.tray-container .docker-item-container,
[data-reactroot] .docker-item-container {
  border-radius: inherit !important;
}

[data-reactroot] {
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 15px, rgba(0, 0, 0, 0.4) 0 6px 15px !important;
}
[data-reactroot].arrow_box {
  border: 1px solid #ccc;
  overflow-y: inherit !important;
}
[data-reactroot].arrow_box:after, [data-reactroot].arrow_box:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
[data-reactroot].arrow_box:after {
  border-color: rgba(255, 252, 252, 0);
  border-bottom-color: #fffcfc;
  border-width: 12px;
  margin-left: -12px;
}
[data-reactroot].arrow_box:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #ccc;
  border-width: 13px;
  margin-left: -13px;
}

[data-tooltip] {
  position: relative;
}

/* Tooltip styling */
[data-tooltip]:before {
  content: attr(data-tooltip);
  white-space: nowrap;
  display: none;
  position: absolute;
  background: #444;
  color: #fff;
  padding: 4px 8px;
  font-size: 11px;
  line-height: 1.4;
  min-width: auto;
  text-align: center;
  border-radius: 2px;
}

/* Dynamic horizontal centering */
[data-tooltip-position=bottom]:before,
[data-tooltip-position=top]:before {
  left: 50%;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* Dynamic vertical centering */
[data-tooltip-position=left]:before,
[data-tooltip-position=right]:before {
  top: 50%;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

[data-tooltip-position=top]:before {
  bottom: 100%;
  margin-bottom: 6px;
}

[data-tooltip-position=right]:before {
  left: 100%;
  margin-left: 6px;
}

[data-tooltip-position=bottom]:before {
  top: 100%;
  margin-top: 6px;
}

[data-tooltip-position=left]:before {
  right: 100%;
  margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
  content: "";
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position=bottom]:after,
[data-tooltip-position=top]:after {
  left: 50%;
  margin-left: -6px;
}

/* Dynamic vertical centering for the tooltip */
[data-tooltip-position=left]:after,
[data-tooltip-position=right]:after {
  top: 50%;
  margin-top: -6px;
}

[data-tooltip-position=top]:after {
  bottom: 100%;
  border-width: 6px 6px 0;
  border-top-color: #444;
}

[data-tooltip-position=right]:after {
  left: 100%;
  border-width: 6px 6px 6px 0;
  border-right-color: #444;
}

[data-tooltip-position=bottom]:after {
  top: 100%;
  border-width: 0 6px 6px;
  border-bottom-color: #444;
}

[data-tooltip-position=left]:after {
  right: 100%;
  border-width: 6px 0 6px 6px;
  border-left-color: #444;
}

/* Show the tooltip when hovering */
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
  display: block;
  z-index: 50;
}

/*body{
	overflow: hidden;
}
.app-content-wrapper,
.app-content,
.full-height,
.container-fluid,
.main-app-container,
.app-page-container,
.app-content-wrapper,
.app-content,
{
	height: inherit;
}
div.table-container {
	position: fixed !important;
	height: 74%;
	overflow-x: hidden;
	width: 94% !important;
	padding-right: 0 !important;
	margin: 0 !important;
}*/
/* section title */
/* end */
/* alert style*/
/* end */
/* content loader */
/* end */
/* file upload */
/* end */
/* form elements */
/* end */
/* heading style */
/* end */
/* md-dialog */
/* end */
/* tooltip */
/* end */
/* popover */
/* end */
/* more buton and material-icons*/
/* end */
/**********Common Style****/
/************************************************************/
/*.search-textField hr:first-child {border-bottom:solid 1px #092571 !important;}*/
/*Save Filter*/
/*******************************************/
/****************/
/****************Add New Subscribe Wizard**************/
/****************ADD PROSPECT*******/
/****************************/
/* default iPad screens */
/* different techniques for iPad screening */
/* For portrait layouts only */
/* For landscape layouts only */
@-webkit-keyframes "autofill" {
  to {
    color: #666;
    background: transparent;
  }
}
body {
  line-height: 1.4;
  margin: 0;
  padding: 0;
  cursor: default;
  overflow: hidden !important;
  max-height: 100vh !important;
}

.fixed-header .app-page-container .app-content-wrapper .app-content {
  overflow: hidden !important;
  height: calc(100vh - 60px) !important;
  top: 60px !important;
  padding-top: 0 !important;
  position: relative;
}
.fixed-header .app-page-container .app-content-wrapper .app-content .section-heading {
  position: fixed !important;
  z-index: 100 !important;
  background: rgba(255, 255, 255, 0.95) !important;
  width: calc(100vw - 101px) !important;
  padding-bottom: 7px !important;
}
.fixed-header .app-page-container .app-content-wrapper .app-content .section-body {
  overflow: auto !important;
  position: relative !important;
  top: 54px !important;
  height: calc(100vh - 115px) !important;
}

.on-page-scroll {
  position: sticky;
  top: 98px;
  z-index: 97;
  background: #bdbdbd;
  padding-top: 0;
  width: calc(100vw - 116px);
  padding-right: 14px;
}

.input-without-border > div::before, .input-without-border > div::after,
.input-without-border > div > div:before,
.input-without-border > div > div:after {
  display: none;
}

.textfield-white > div {
  background: #fff;
  margin-top: 16px;
  border: 1px solid #a7a7a7;
}
.textfield-white > div input {
  padding-left: 8px;
}

a {
  cursor: pointer;
  text-transform: initial !important;
}
a:hover {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}

.material-icons {
  cursor: pointer;
}

.app-page-container .app-content-wrapper {
  background-color: #fff !important;
}

.app-header {
  background: #092571 !important;
}
.app-header .top-nav-right li .header-btn.md-button {
  line-height: normal;
  width: 18px !important;
  height: 60px !important;
  min-width: 18px !important;
  margin: 0 12px !important;
  padding: 0 !important;
}
.app-header .top-nav-right li .user_img {
  background: none;
  line-height: normal;
  width: 26px !important;
  height: 60px !important;
  min-width: 26px !important;
  margin: 0 12px !important;
  padding: 0 !important;
}
.app-header .material-icons.header-icon-add-new {
  padding: 3px;
  font-size: 26px;
  border-radius: 100%;
}
.app-header .material-icons.header-icon-notification {
  padding: 3px;
  border-radius: 100%;
}
.app-header .app-header-inner.bg-color-primary {
  background-color: #092571;
  color: rgba(0, 0, 0, 0.87) !important;
}
.app-header .app-header-inner.bg-color-primary:hover {
  background-color: #092571 !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.app-header .app-header-inner.bg-color-primary a {
  color: rgba(0, 0, 0, 0.87) !important;
}
.app-header .searchTag a.ss-ancher {
  color: rgba(255, 255, 255, 0.6) !important;
  padding: 6px 8px 6px 4px;
  font-weight: 400;
  font-size: 12px;
}
.app-header .search-focus-out {
  background-color: #fff;
}
.app-header .search-focus-out .search-right-action a {
  color: rgba(0, 0, 0, 0.7) !important;
  font-weight: 400;
}
.app-header .search-right-action a.save {
  color: #0054f4 !important;
  padding: 9px 10px;
}

.app-sidebar .sidebar-header .logo-img {
  width: 24px !important;
  height: 24px !important;
  margin-bottom: 6px !important;
}
.app-sidebar .sidebar-header a.brand {
  font-weight: normal !important;
  font-size: 20px !important;
  line-height: 0 !important;
  text-decoration: none !important;
}
.app-sidebar .sidebar-header.bg-color-primary {
  background-color: #eee !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.app-sidebar .sidebar-header.bg-color-primary a {
  color: rgba(0, 0, 0, 0.87) !important;
}

.dot-menu button {
  transition: all 0 !important;
}

.section-title,
h3.section-title {
  font-size: 18px !important;
  font-weight: 500;
  line-height: 40px;
  margin-top: 15px;
  margin-bottom: 5px;
}

.section-tblcount {
  font-size: 13px;
  color: #999;
  font-weight: 400 !important;
}

.alert-icon {
  color: rgb(255, 183, 77);
  top: 5px;
  position: relative;
}

.container-loader {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.78);
  width: 100%;
  height: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  pointer-events: none;
}

.drop-box {
  padding: 5% !important;
  color: #869098 !important;
  font-weight: 100 !important;
  font-size: 14px !important;
  border: 1px dashed #0153f4 !important;
  cursor: pointer;
}
.drop-box img {
  max-height: 170px;
  min-height: 170px;
  width: auto;
}

.Additional-photos {
  border: 1px solid #a5cafc !important;
  background: #f7faff;
  border-radius: 6px;
}

.file-upload {
  background: #fff;
}
.file-upload:hover {
  background: #e7efff;
  color: #bbb !important;
}

.form-save-loader {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  background: rgba(255, 255, 255, 0.82) !important;
  width: 100% !important;
  height: 100% !important;
  text-align: left !important;
  z-index: 1 !important;
  pointer-events: none;
}
.form-save-loader > div {
  position: absolute !important;
  top: 38% !important;
  left: 46% !important;
}

.form-select-container {
  background: #fff;
  height: 28px;
  overflow: hidden;
  padding: 0;
  margin: 0 14px;
  border: 1px solid #eee;
  font-size: 12px;
}
.form-select-container .form-select-field {
  font-size: 12px;
}
.form-select-container > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) {
  padding-left: 10px !important;
  font-size: 12px;
}

.statusCheckboxTicket > div > div > div {
  margin-right: 0 !important;
  top: 3px;
  left: 0;
}
.statusCheckboxTicket > div > div > div > div svg {
  height: 18px !important;
  width: 18px !important;
}

h6.text-blue {
  color: #039be6 !important;
}

.md-dialog > div > div > div > h3 {
  border-bottom: 2px solid #039be6;
}
.md-dialog > div > div > div > div:nth-child(3) {
  padding: 24px !important;
}

.table-compact .mdl-data-table tbody tr td span.truncate,
.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.equpip-tooltip .custom-tooltip-view {
  width: 240px !important;
  padding: 0 !important;
}
.equpip-tooltip .custom-tooltip-view > div:nth-child(1) {
  padding: 0 10px;
  border-bottom: solid 1px #eee;
}
.equpip-tooltip .custom-tooltip-view > div:nth-child(2) {
  padding: 5px;
}
.equpip-tooltip .material-icons.tooltip-arrow {
  float: right;
  position: absolute;
  right: 8px;
  top: 7px;
  font-size: 16px;
  cursor: pointer;
}
.equpip-tooltip .material-icons.tooltip-close {
  float: right;
  position: absolute;
  right: -9px;
  top: -9px;
  font-size: 12px;
  background: #eee;
  border-radius: 100%;
  padding: 2px;
  color: #f44336 !important;
  border: 1px solid #fff;
  cursor: pointer;
}
.equpip-tooltip .material-icons.tooltip-closeview {
  float: right;
  margin-top: 3px;
  font-size: 20px;
  color: #f44336 !important;
  cursor: pointer;
}
.equpip-tooltip .custom-table-tooltip {
  position: absolute;
  top: 14px;
  background: #fff;
  right: 9px;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  padding: 10px;
  width: auto;
  z-index: 1;
}
.equpip-tooltip .tooltip-show {
  display: inherit;
}
.equpip-tooltip .tooltip-hide {
  display: none;
}

.material-icons.tooltip-close {
  float: right;
  position: absolute;
  right: -9px;
  top: -9px;
  font-size: 12px;
  background: #eee;
  border-radius: 100%;
  padding: 2px;
  color: #f44336;
  border: 1px solid #fff;
  cursor: pointer;
}

.popover-tooltip {
  overflow-x: inherit !important;
  overflow-y: inherit !important;
  overflow: inherit;
  max-width: 180px;
  margin: -14px 0 0;
}
.popover-tooltip > div {
  overflow-x: inherit !important;
  overflow-y: inherit !important;
  overflow: inherit;
  max-width: 180px;
}

.popover-menu-item {
  line-height: 30px !important;
  min-height: 30px !important;
}
.popover-menu-item > div {
  font-size: 12px !important;
}
.popover-menu-item > div > div {
  font-size: 12px !important;
}
.popover-menu-item > span {
  font-size: 12px !important;
}

.popover-menu-item-with-icon {
  line-height: 30px !important;
  min-height: 30px !important;
}
.popover-menu-item-with-icon > div {
  padding: 0 16px 0 35px !important;
}
.popover-menu-item-with-icon > div > div {
  padding: 0 16px 0 0 !important;
  font-size: 12px !important;
}
.popover-menu-item-with-icon > div > div span.material-icons {
  font-size: 18px !important;
  top: -8px !important;
}
.popover-menu-item-with-icon > div > div > div span.material-icons {
  font-size: 18px !important;
  top: -8px !important;
}
.popover-menu-item-with-icon .material-icons {
  color: #006eff !important;
  position: absolute;
  left: 15px;
  top: 5px;
  font-size: 18px !important;
}

.material-icons-container {
  width: 40px !important;
}

.more-horiz-icon-btn {
  height: auto !important;
  width: auto !important;
}
.more-horiz-icon-btn .material-icons {
  top: 0 !important;
  left: 0 !important;
}

.material-icons.maximise {
  transform: rotate(180deg);
}

.notification-count {
  border-radius: 100%;
  color: #fff;
  background: #f44336;
  display: inline-block;
  font-size: 8px !important;
  line-height: 18px;
  left: 80px;
  position: absolute;
  width: 18px;
  height: 18px;
  text-align: center;
}

.value-divider::before {
  content: " : ";
  margin: 0 6px 0 -12px;
}

.more-option-dd-menu {
  display: block;
}

.spaceTop20 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.padT-40 {
  padding-top: 40px;
}

.row-separate {
  border-bottom: solid 1px #e2e2e2;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.btn-link-sm span {
  font-size: 12px !important;
}

#searchTag input.search-textField::placeholder {
  color: #ccc;
}

input.search-textField::placeholder {
  color: #ccc;
}
input.search-textField:focus {
  outline: none;
}

#searchTag.search-focus-in input.search-textField::placeholder {
  color: #ccc;
}

.list-left-col > span {
  font-weight: 500;
  color: #484848;
  font-size: 12px;
}

.fixed-header .top-nav-left {
  width: 60%;
  left: 160px;
  position: relative;
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.fixed-header.nav-collapsed .top-nav-left {
  width: 60%;
  left: 25px;
  position: relative;
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.top-nav-right ul {
  display: inline-block;
}

.searchWrapper {
  position: relative;
  width: 100%;
  border-radius: 2px;
  min-height: 34px;
  margin: 9px 0;
  background: #3a518d;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.searchWrapper #searchTag {
  display: flex;
  width: 100%;
}
.searchWrapper .ctg-input {
  cursor: default;
  white-space: nowrap;
  font-weight: 500;
  height: 28px !important;
  margin: 2px 4px 0 !important;
  padding: 6px 10px;
  width: auto !important;
}

.search-textField {
  width: 100% !important;
  min-height: 34px !important;
  height: auto !important;
  flex: 1 1 auto !important;
  background-color: transparent;
  border: none;
  padding-left: 10px;
}
.search-textField hr {
  border: none !important;
}
.search-textField #search {
  font-size: 14px !important;
  padding-left: 4px !important;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.search-textField #search:focus {
  color: #222 !important;
  background-color: #fff !important;
  border-radius: 2px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.search-textField > div {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6) !important;
  left: 10px;
  top: 5px;
  font-weight: 400;
}

.category-DD {
  background-color: #f8f8f8;
  height: 39px !important;
}
.category-DD > div > div {
  line-height: 40px !important;
  border: none !important;
}
.category-DD > div > button {
  top: -2px !important;
}

/* .searchTag {
					display: flex;
					top: 0px;
					left: 0px;
					width: 100%;
					flex-direction: column;
					>div {
						display: flex;
						flex-wrap: wrap;
						position: relative;
						flex-direction: column;
					}
				}*/
.search-category-dropdown .field-title {
  padding: 3px 23px;
  display: block;
  font-size: 12px;
  color: #bbb;
  font-weight: 400 !important;
  border-bottom: 1px solid #eee;
  background: #eee;
}
.search-category-dropdown div[role=presentation] {
  width: auto !important;
  flex: 1 1 50%;
}
.search-category-dropdown div[role=presentation] > div {
  padding: 10px 0 !important;
}
.search-category-dropdown div[role=presentation] span[role=menuitem] {
  font-size: 13px !important;
}

.ct-dd {
  position: absolute;
  left: 0;
  top: 17px;
  display: flex;
  width: 40% !important;
  transform: inherit !important;
}
.ct-dd div[role=presentation] {
  width: auto !important;
  flex: 1 1 50%;
}
.ct-dd div[role=presentation] > div {
  padding-top: 0 !important;
}
.ct-dd > div > div {
  display: flex !important;
  padding: 0 10px 10px;
  margin: 0 !important;
  border-radius: 0 0 2px 2px !important;
}
.ct-dd .field-title {
  color: #999;
  white-space: nowrap;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 15px;
  padding: 15px 24px 0;
}

.onlyFields {
  width: 20% !important;
}

.search-chips1 {
  flex: 0 1 auto;
}
.search-chips1 > div {
  border-radius: 2px !important;
  margin: 2px 0 2px 5px !important;
}
.search-chips1 > div span {
  line-height: 28px !important;
  font-size: 13px !important;
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search-chips1 > div svg {
  height: 20px !important;
  width: 16px !important;
}
.search-chips1 .chips-normal {
  background-color: transparent !important;
}
.search-chips1 .chips-normal span {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.search-chips1 .chips-normal.chips-selected {
  background-color: rgba(255, 138, 128, 0.3) !important;
  border: solid 1px rgba(255, 138, 128, 0.6) !important;
}
.search-chips1 .chips-completed {
  background-color: rgb(224, 224, 224) !important;
}
.search-chips1 .chips-complete.chips-selected {
  background-color: rgb(255, 138, 128) !important;
  border: solid 1px rgb(255, 138, 128) !important;
}

.search-focus-out .searchTag .search-chips1 .chips-normal span {
  color: rgba(224, 224, 224, 0.8) !important;
}
.search-focus-out .search-right-action a.save {
  color: #0054f4 !important;
}

.search-chips div {
  border-radius: 0 !important;
  border-bottom: dotted 1px #666 !important;
  background-color: transparent !important;
}
.search-chips span {
  font-size: 12px !important;
  line-height: 24px !important;
  padding-left: 0 !important;
  padding-right: 10px !important;
}
.search-chips svg {
  height: 16px !important;
  width: 18px !important;
}

.search-right-action {
  z-index: 1;
  display: flex;
  max-height: 34px;
}
.search-right-action a {
  transition: margin-left 4s ease-in-out 1s;
  padding: 9px 6px;
  font-size: 12px;
}
.search-right-action > div {
  display: flex;
}

.search-focus-in {
  background-color: #fff;
  border-radius: 2px;
}
.search-focus-in .search-right-action a.ss-ancher {
  color: rgba(0, 0, 0, 0.25) !important;
  font-weight: 400 !important;
  padding: 8px 6px !important;
  font-size: 14px !important;
}
.search-focus-in .search-right-action a.ss-ancher.save {
  color: #0054f4 !important;
  line-height: 34px;
  padding: 10px;
}
.search-focus-in .search-textField {
  padding-left: 10px;
}

.icon-search {
  position: absolute;
  color: rgba(255, 255, 255, 0.4);
  top: 7px;
  left: 8px;
  font-size: 20px !important;
}

.fields {
  flex: 1 1 40%;
}
.fields > div > div > div span {
  white-space: normal !important;
  word-wrap: break-word;
  word-break: break-all;
  line-height: 20px !important;
  min-height: 32px !important;
  font-size: 14px !important;
  padding-top: 7px !important;
}

.filter-wrap {
  overflow-y: auto;
  padding: 10px 0;
  max-height: 400px;
}
.filter-wrap > div span {
  white-space: normal !important;
  word-wrap: break-word;
  word-break: break-all;
  line-height: 20px !important;
  min-height: 32px !important;
  font-size: 14px !important;
  padding-top: 7px !important;
}
.filter-wrap .filters-name p a {
  display: inline-block;
  word-wrap: break-word;
  word-break: break-word;
  font-size: 15px;
  line-height: 32px;
  font-weight: 400;
}

.filter-dd {
  padding-left: 25px;
  padding-right: 25px;
  flex: 1 1 50%;
}
.filter-dd h5 {
  margin: 0 0 15px;
  padding: 15px 24px 0;
  width: 240px;
  color: #999;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
}
.filter-dd .filters-name p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 16px;
}
.filter-dd .filters-name span {
  display: block;
  font-size: 12px;
  color: #999;
}

.ct-outer-dd {
  position: absolute !important;
  left: 0;
  top: 17px;
}
.ct-outer-dd > div {
  position: absolute;
  left: 0;
  border-radius: 0 0 2px 2px !important;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 3px, rgba(0, 0, 0, 0.12) 0 1px 3px !important;
}

.btn-search {
  background-color: rgb(0, 188, 212);
  border-radius: 0 2px 2px 0;
  padding: 1px 10px !important;
  margin-left: 6px;
  height: 34px;
}
.btn-search i {
  line-height: 32px;
  display: inline-block;
  font-size: 20px !important;
  color: #fff;
}

.value-pannel {
  position: absolute;
  display: flex;
  top: 17px;
}
.value-pannel > div {
  border-radius: 0 0 2px 2px !important;
}

.search-white-bg {
  background-color: #fff;
  border-radius: 2px;
}
.search-white-bg .searchTag {
  min-height: 34px;
  max-height: 34px;
  overflow-y: hidden;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.search-white-bg .search-textField > div {
  color: rgba(0, 0, 0, 0.6) !important;
}
.search-white-bg .search-right-action a.ss-ancher.save {
  color: #0054f4 !important;
}

.expand-search {
  max-height: 200px;
}
.expand-search .searchTag {
  max-height: inherit !important;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.collapse-search .searchTag {
  max-height: 51px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.search-loading {
  padding: 4px 10px;
  display: inline-block !important;
  position: absolute;
  top: 40px;
  background-color: #fff;
  border-radius: 2px;
}

.no-data {
  font-size: 14px;
  color: #999;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  padding: 8px 24px !important;
}

.category-chips {
  margin: 3px 0 3px 5px !important;
  border-radius: 2px !important;
  height: 28px;
}
.category-chips span {
  line-height: 28px !important;
  font-size: 13px !important;
}
.category-chips svg {
  height: 20px !important;
  width: 16px !important;
}

.save-filter .radio-inline > div {
  display: flex;
}
.save-filter .radio-inline > label {
  margin-top: 1.5rem;
  color: rgba(0, 0, 0, 0.3);
}
.save-filter .savedFilters {
  min-height: 50px;
  max-height: 160px;
  overflow-x: auto;
  margin: 20px 0 5px;
}

.search-result-container .search-section-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 40px;
}
.search-result-container .page-title {
  margin: 0 0 20px;
  padding: 0;
  font-size: 16px;
}
.search-result-container .result-count {
  position: fixed;
  z-index: 100;
  width: 100%;
}
.search-result-container .category-search-wrapper {
  padding: 20px 0 30px;
}
.search-result-container .category-search-wrapper .category-title {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0;
}
.search-result-container .category-search-wrapper .category-title div {
  flex: 1 1 auto;
  color: rgb(0, 188, 212);
  font-size: 16px;
}
.search-result-container .category-search-wrapper .category-result {
  min-height: 100px;
  height: auto;
}

.addNewSubscriberBtn {
  margin: 10px;
}

.dialog > div > div > div h3 {
  display: none;
}

.stepper > div:nth-child(0n+1) {
  margin: -24px -22px 0;
  background-color: #f8f8f8;
  border-bottom: solid 1px #e2e2e2;
}

.wizard-header .wizard-title {
  margin: 20px 0;
  padding: 0;
  font-size: 18px;
  border-bottom: solid 1px #e2e2e2;
  padding-bottom: 10px;
  font-weight: 500;
}

.radio-inline > div:first-child {
  display: flex;
}

.width-120 {
  width: 120px !important;
}

.ge {
  padding-top: 10px;
  font-size: 14px;
}
.ge p {
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.298039);
  font-size: 12px;
}
.ge span {
  color: rgba(0, 0, 0, 0.870588);
}

.stepper-package .wizard-header {
  display: flex;
  border-bottom: solid 1px #e2e2e2;
  margin: 10px 0;
}
.stepper-package .wizard-header h4 {
  font-size: 16px;
  margin: 12px 10px 10px 0;
  padding: 0;
  font-weight: 600;
  border: none;
}
.stepper-package .wizard-header p {
  margin: 0 10px;
}
.stepper-package .wizard-header p span {
  display: inline-block;
  line-height: 44px;
  vertical-align: top;
  font-size: 13px;
}
.stepper-package .wizard-header p i {
  display: inline-block;
  line-height: 40px;
  font-size: 18px;
}

.tbl-total {
  border-top: solid 2px #e2e2e2;
  border-bottom: solid 1px #e2e2e2;
  padding: 5px 34px 5px 5px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.870588);
}
.tbl-total .row div {
  padding: 4px;
}

.pkg-bill-opt h6 {
  font-weight: 600;
  margin-bottom: 0;
}

.highlight {
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  border-radius: 4px;
  margin-bottom: 14px;
  margin-top: 14px;
  padding: 9px 14px;
}

.text-14 {
  font-size: 14px;
}

.text-12 {
  font-size: 12px;
}

.dpw > div {
  width: 100% !important;
}

.validateEmailBtn {
  position: absolute !important;
  top: 30px;
  right: 15px;
}

.add-new-app {
  z-index: 9999 !important;
}
.add-new-app .ge-map {
  width: 100%;
  height: 400px;
  border: solid 1px #e2e2e2;
  margin: 10px 0;
}

.app-form {
  padding: 20px;
}

.add-new-app.open-tray {
  top: 0;
  right: 2px;
  width: 70% !important;
  z-index: 9999 !important;
  max-width: inherit !important;
}

.add-new-app.maximise-tray {
  top: 0;
  right: 2px;
  width: 70% !important;
  z-index: 9999 !important;
  max-width: inherit !important;
}

.tray-containt h6.text-blue.sub-title {
  padding: 0 !important;
  margin: 0 0 20px !important;
}
.tray-containt .package-popup {
  margin: 0;
  border: 1px solid #ccc;
  overflow: hidden;
  width: 100%;
  top: 0;
  z-index: 99;
  background: #fff;
}
.tray-containt .package-popup .package-list-sidebar {
  background: rgba(0, 0, 0, 0.05);
}
.tray-containt .package-popup .package-list-body {
  margin: 0;
  border-left: 1px solid #ccc;
  background: #fff;
}
.tray-containt .package-popup.hide {
  display: none;
}
.tray-containt .subheader-list {
  font-size: 14px !important;
  color: rgba(0, 0, 0, 0.8) !important;
}
.tray-containt .package-list-sidebar {
  position: relative;
  overflow: hidden;
}
.tray-containt .package-list-sidebar .list-item-container {
  margin: -8px -15px;
}
.tray-containt .package-list-sidebar .list-item-container .list-title {
  font-size: 13px !important;
  line-height: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: rgba(204, 204, 204, 0.23) !important;
  border-bottom: 1px solid #ccc !important;
}
.tray-containt .package-list-sidebar .list-item-container .list-title button svg {
  color: #9e9e9e !important;
  height: 20px !important;
  width: 20px !important;
}
.tray-containt .package-list-sidebar .list-item-container .list-title.active {
  background: rgba(84, 125, 249, 0.2) !important;
}
.tray-containt .package-list-sidebar .list-item-container .list-item {
  font-size: 12px !important;
  line-height: 16px !important;
  padding: 2px !important;
  margin: 0 !important;
}
.tray-containt .package-list-sidebar .list-item-container .list-item div > div {
  padding: 5px 15px !important;
}
.tray-containt .package-list-sidebar .list-item-container .list-item .material-icons {
  font-size: 14px !important;
  color: #616161 !important;
  left: 8px !important;
  top: 12px !important;
  position: absolute !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
}
.tray-containt .package-list-sidebar .list-item-container .list-item:hover {
  background: rgba(0, 0, 0, 0.05) !important;
}
.tray-containt .package-list-sidebar .list-item-container .list-item:hover .material-icons.action {
  right: 18px !important;
  left: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inherit !important;
}
.tray-containt .package-list-sidebar .list-item-container .list-item.bdr-bottom {
  border-bottom: 1px solid #ccc !important;
}

.tray-containt .drawer-form-input-text {
  width: 100% !important;
}

.tray-containt .package-list-body a {
  color: #0057ff !important;
}

.example-enter {
  opacity: 0.01;
}

.example-enter.example-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}

.example-leave {
  opacity: 1;
}

.example-leave.example-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in;
}

input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}

@media only screen and (min-width: 1280px) {
  .app-form {
    padding: 0 20px 30px;
    overflow-y: auto;
    max-height: 618px;
  }
}
@media only screen and (min-width: 1366px) {
  .app-form {
    padding: 0 20px 30px;
    overflow-y: auto;
    max-height: 618px;
  }
}
@media only screen and (min-width: 1920px) {
  .app-form {
    padding: 0 20px 30px;
    overflow-y: auto;
    max-height: 920px;
  }
}
.bg-color-dark {
  background-color: #383f52 !important;
  color: #fff;
}

.affix {
  position: fixed !important;
}

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

.nav-collapsed .app-sidebar .copyright-text {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.nav-collapsed .app-sidebar:hover .copyright-text {
  visibility: visible;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.sub-loader {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.78);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
}

.MuiMenuItem- * {
  padding: 100px !important;
}
.MuiMenuItem- * * {
  padding: 100px;
}

div[role=dialog] .material-icons {
  font-size: 18px;
}

#alert-dialog-description .table th,
.alert-dialog-description .table th {
  white-space: nowrap !important;
}
#alert-dialog-description .table td,
#alert-dialog-description .table th,
.alert-dialog-description .table td,
.alert-dialog-description .table th {
  padding: 4px !important;
}

.error-block {
  color: #ccc !important;
}
.error-block i {
  color: #ccc !important;
  font-size: 26px !important;
}

.edit-action-icon {
  position: absolute;
  display: none;
  right: 0;
  top: 23px;
  height: 20px;
  z-index: 999;
}
.edit-action-icon button {
  background: #fff;
  margin: 2px;
  padding: 2px;
  line-height: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #ccc;
  border-radius: 100px;
  font-weight: 600;
}
.edit-action-icon button .material-icons {
  font-size: inherit !important;
  margin: 1px;
  padding: 0;
  line-height: 0;
  height: auto;
  width: auto;
}

.edit-action-icon.edit-package {
  display: block;
  right: -42px;
  top: -5px;
  height: 20px;
}
.edit-action-icon.edit-package button {
  height: 18px;
  width: 18px;
}

.div-table-cols:hover {
  overflow: visible;
  z-index: 10;
}
.div-table-cols:hover .edit-action-icon {
  display: flex;
}

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

.new-search .search-tag-fields {
  height: 100%;
}
.new-search .search-tag-fields .Select--single {
  padding: 0;
}
.new-search .search-tag-fields .Select-control {
  border: none !important;
  height: 100%;
  background: transparent;
}
.new-search .search-tag-fields .Select-control:focus, .new-search .search-tag-fields .Select-control:hover {
  box-shadow: none;
}
.new-search .search-tag-fields .Select-control input {
  padding: 0;
  line-height: 34px;
}
.new-search .search-tag-fields .Select-control .Select-arrow-zone {
  display: none;
}
.new-search .search-tag-fields .Select-placeholder {
  padding-left: 12px;
}
.new-search .search-tag-fields.is-focused.is-open > .Select-control,
.new-search .search-tag-fields.is-focused:not(.is-open) > .Select-control {
  border-bottom: 0 !important;
}
.new-search .search-category {
  width: 200px;
  margin-left: -10px;
}
.new-search .search-category input {
  line-height: 42px !important;
}
.new-search .search-category .Select-placeholder {
  height: 42px;
  padding: 4px 4px 4px 10px;
}
.new-search .search-glass-icon {
  height: 42px;
  padding: 10px;
}
.new-search .btn-link {
  border: 0;
}
.new-search .btn-link:focus, .new-search .btn-link:hover {
  text-decoration: none;
}
.new-search .search-box-area {
  margin: 2px;
  height: 38px;
  width: 200px;
  border-radius: 4px;
}
.new-search .search-tag-fields > div:before,
.new-search .search-tag-fields > div:hover::before {
  border-bottom: 0 !important;
}
.new-search .search-tag-fields .is-open:after,
.new-search .search-tag-fields .is-open:hover::after {
  border-bottom: 0 !important;
}
.new-search .searchWrapper.open-search.bg-white .btn-link .text-white {
  color: #636c72 !important;
}
.new-search .searchWrapper.open-search.bg-white .search-box-area {
  display: inline-block !important;
}
.new-search .searchWrapper.open-search.bg-white .search-category + .search-box-area {
  display: none !important;
}
.new-search .search-filter-action-btn .filter-btn {
  visibility: hidden;
}
.new-search .search-filter-action-btn:hover .filter-btn {
  visibility: visible;
}
.new-search .search-filter-fields {
  border: 0;
}
.new-search .search-filter-fields .Select-control {
  border: 0;
}
.new-search .search-filter-fields .Select-control .Select-clear {
  display: none;
}
.new-search .search-filter-fields .Select-menu-outer {
  border: 1px solid #eee;
}
.new-search .search-filter-fields .Select-menu-outer div {
  max-height: 130px;
}
.new-search .search-filter-fields.is-focused.is-open > .Select-control,
.new-search .search-filter-fields.is-focused:not(.is-open) > .Select-control {
  border-bottom: 0 !important;
}
.new-search .filter-btn i.material-icons {
  font-size: 16px;
}
.new-search .close-search .search-tag-count {
  display: inline-block !important;
}
.new-search .close-search .search-box-area {
  display: none;
}
.new-search .chip {
  display: inline-block;
  padding: 0 10px;
  height: 38px;
  font-size: 12px;
  line-height: 38px;
  border-radius: 4px;
  background-color: #f1f1f1;
  color: #000;
  border: 0 solid #fff;
  margin: 2px;
}
.new-search .closebtn {
  cursor: pointer;
  float: right;
}
.new-search .closebtn .material-icons {
  background: #6d6d6d;
  color: #fff !important;
  font-size: 14px !important;
  height: 18px;
  line-height: 18px;
  width: 18px;
  margin: 10px 0 10px 5px;
}
.new-search .open-search .d-inline-flex {
  flex-flow: wrap;
}
.new-search .close-search .d-inline-flex {
  flex-flow: wrap;
  height: 42px;
  overflow: hidden;
}
.new-search .closebtn:hover {
  color: #000;
}
.new-search .chip.form {
  display: inline-block;
  padding: 0;
  height: 38px;
  font-size: 12px;
  line-height: 38px;
  border-radius: 4px;
}
.new-search .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 12px;
  line-height: 24px;
  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;
}

.tabel-loading-transition {
  -webkit-animation: fadein 300ms;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 300ms;
  /* Firefox < 16 */
  -ms-animation: fadein 300ms;
  /* Internet Explorer */
  -o-animation: fadein 300ms;
  /* Opera < 12.1 */
  animation: fadein 300ms;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.alias {
  cursor: alias;
}

.all-scroll {
  cursor: all-scroll;
}

.auto {
  cursor: auto;
}

.cell {
  cursor: cell;
}

.context-menu {
  cursor: context-menu;
}

.col-resize {
  cursor: col-resize;
}

.copy {
  cursor: copy;
}

.crosshair {
  cursor: crosshair;
}

.default {
  cursor: default;
}

.e-resize {
  cursor: e-resize;
}

.ew-resize {
  cursor: ew-resize;
}

.grab {
  cursor: grab;
}

.grabbing {
  cursor: grabbing;
}

.help {
  cursor: help;
}

.move {
  cursor: move;
}

.n-resize {
  cursor: n-resize;
}

.ne-resize {
  cursor: ne-resize;
}

.nesw-resize {
  cursor: nesw-resize;
}

.ns-resize {
  cursor: ns-resize;
}

.nw-resize {
  cursor: nw-resize;
}

.nwse-resize {
  cursor: nwse-resize;
}

.no-drop {
  cursor: no-drop;
}

.none {
  cursor: none;
}

.not-allowed {
  cursor: not-allowed;
}

.pointer {
  cursor: pointer;
}

.progress {
  cursor: progress;
}

.row-resize {
  cursor: row-resize;
}

.s-resize {
  cursor: s-resize;
}

.se-resize {
  cursor: se-resize;
}

.sw-resize {
  cursor: sw-resize;
}

.text {
  cursor: text;
}

.w-resize {
  cursor: w-resize;
}

.wait {
  cursor: wait;
}

.zoom-in {
  cursor: zoom-in;
}

.zoom-out {
  cursor: zoom-out;
}

.event-details-popover {
  width: 100%;
  height: 100%;
}

.event-details-popover > div + div {
  max-width: 500px;
  min-width: 350px;
  margin-top: 20px;
  padding: 20px;
}
.event-details-popover > div + div .calender-details-close {
  position: absolute;
  right: 0;
  top: 0;
}

.select-box > div {
  border-width: 0 0 1px 0;
  border-color: #ddd;
  border-radius: 0;
  min-height: 36px;
  box-shadow: none;
  color: #000;
}
.select-box > div + div {
  box-shadow: 0 0 0 1px #ddd;
}
.select-box > div > div + div > span {
  width: 0;
}
.select-box > div > div + div > span + div {
  padding: 0;
}
.select-box > div > div + div > span + div span {
  top: 5px !important;
}

.autosuggestion-input > div > div > div:before {
  border-bottom: 1px solid #ddd;
}
.autosuggestion-input > div > div > div:after {
  border-bottom: 1px solid #000;
}

.autosuggestion-list > div {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 400px;
}
.autosuggestion-list > div ul {
  padding: 0;
}

.withselect {
  -webkit-touch-callout: auto;
  /* iOS Safari */
  -webkit-user-select: auto;
  /* Safari */
  -khtml-user-select: auto;
  /* Konqueror HTML */
  -moz-user-select: auto;
  /* Firefox */
  -ms-user-select: auto;
  /* Internet Explorer/Edge */
  user-select: auto;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

td.fc-day.fc-past {
  background-color: #eeeeee;
}

.fc-timeline-event {
  overflow: hidden;
}

#calendar-container td.fc-more-cell {
  text-align: center;
}
#calendar-container .fc-button-primary {
  color: #313131;
  border-color: #cbcbcb;
  padding: 3px 20px;
  font-size: 12px;
  border-radius: 0px;
  z-index: 0;
  background: #fff;
}
#calendar-container .fc-button-primary:focus {
  box-shadow: none;
}
#calendar-container .fc-next-button,
#calendar-container .fc-prev-button {
  padding: 3px 8px;
}
#calendar-container .fc-next-button .fc-icon,
#calendar-container .fc-prev-button .fc-icon {
  font-size: 18px;
}
#calendar-container .fc-next-button {
  border-left: 0;
}
#calendar-container .fc-button-primary.fc-button-active {
  position: relative;
  background-color: #eaf1fd;
  z-index: 1;
  color: #4175e9;
}
#calendar-container .fc-button-primary.fc-button-active::before {
  content: "";
  border: 1px solid #b3c8f6;
  bottom: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
  left: -1px;
}
#calendar-container .fc-button-primary.fc-button:disabled {
  opacity: 1;
  color: #b3c8f6;
  border-color: #b3c8f6;
}
#calendar-container .fc-toolbar.fc-header-toolbar {
  margin-bottom: 10px;
}
#calendar-container th {
  background-color: #bdbdbd;
  border-color: #bdbdbd;
}
#calendar-container .fc-toolbar h2 {
  font-size: 14px;
  font-weight: 500;
}
#calendar-container .fc-widget-header .fc-cell-text {
  font-weight: 500;
}
#calendar-container .fc-event {
  border-width: 2px;
}
#calendar-container .fc-ltr .fc-timeline-event {
  margin-right: 0px;
}
#calendar-container .fc-event-container {
  padding: 0;
  top: 0;
  height: auto;
}
#calendar-container .fc-event-container .fc-content,
#calendar-container .fc-event-container a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
  margin: 0px;
  margin-left: 1px;
  height: 30px;
  padding: 0 2px;
  border-radius: 5px;
}
#calendar-container .fc-event-container .fc-content span,
#calendar-container .fc-event-container a span {
  display: inline-block;
}
#calendar-container .fc-event-container .fc-content .fc-title.fc-sticky,
#calendar-container .fc-event-container a .fc-title.fc-sticky {
  position: relative !important;
}
#calendar-container .fc-event-container .fc-ltr .fc-timeline-event {
  margin: 0;
}
#calendar-container .selected-event {
  box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.2);
}
#calendar-container .fc-view.fc-dayGridMonth-view.fc-dayGrid-view .fc-event-container {
  padding: 0 3px;
}
#calendar-container .fc-view.fc-dayGridMonth-view.fc-dayGrid-view .fc-event-container .fc-content,
#calendar-container .fc-view.fc-dayGridMonth-view.fc-dayGrid-view .fc-event-container a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 16px;
  margin: 0px;
  height: 16px;
}
#calendar-container .fc-view.fc-dayGridMonth-view.fc-dayGrid-view .fc-event-container a {
  margin: 0 1px 2px;
}
#calendar-container .fc-view.fc-timeGridWeek-view.fc-timeGrid-view .fc-event-container .fc-content,
#calendar-container .fc-view.fc-timeGridWeek-view.fc-timeGrid-view .fc-event-container a {
  height: auto;
}
#calendar-container .fc-resourceTimelineDay-button {
  margin-right: 15px;
}

.calender-details-tooltip {
  padding: 8px 2px;
}
.calender-details-tooltip p {
  line-height: 18px;
  text-align: left;
  margin: 0;
}
.calender-details-tooltip .tooltipTitle {
  font-weight: 500;
  padding-left: 20px;
  font-size: 12px;
}
.calender-details-tooltip .tooltipSubtitle {
  font-weight: 400;
  padding-left: 20px;
  color: #ccc;
  font-size: 12px;
}
.calender-details-tooltip .tooltipTicketId {
  font-size: 12px;
  font-weight: 500;
  padding-left: 20px;
}
.calender-details-tooltip .tooltipLocation {
  position: relative;
  font-size: 11px;
  padding-left: 20px;
  line-height: 16px;
}
.calender-details-tooltip .locationIcon {
  position: relative;
}
.calender-details-tooltip .locationIcon::before {
  content: "";
  top: 2px;
  left: -18px;
  border: 2px solid #ef6a65;
  height: 8px;
  position: absolute;
  width: 8px;
  border-radius: 50%;
}
.calender-details-tooltip .locationIcon::after {
  content: "";
  position: absolute;
  top: 9px;
  left: -17px;
  border-top: 5px solid #ef6a65;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
}

.calender-event-details > div:nth-child(2) {
  padding-top: 0;
  border-radius: 5px;
}

.priority-icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  border-radius: 2px;
}

.calender-details-head {
  font-size: 14px;
}

.calender-details-icon {
  font-size: 18px !important;
  margin-top: 2px;
}

.email-fields-error div:before,
.email-fields-error div:after {
  display: none;
}
.email-fields-error p {
  position: absolute;
  margin: 0;
  bottom: -3px;
}

div[role=tooltip] *:not(svg, p) {
  font-size: 12px !important;
}

.equipment-form-table td {
  padding: 4px 12px;
  min-width: 86px;
}

.tooltip {
  opacity: 1 !important;
}

.tooltip-inner {
  background-color: rgba(0, 0, 0, 0.75);
}

.popper .popper__arrow,
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
  border-color: rgba(0, 0, 0, 0.8);
}

.popper[x-placement^=top],
.tooltip[x-placement^=top] {
  margin-bottom: 5px;
}

.popper[x-placement^=top] .popper__arrow,
.tooltip[x-placement^=top] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.popper[x-placement^=bottom],
.tooltip[x-placement^=bottom] {
  margin-top: 5px;
}

.tooltip[x-placement^=bottom] .tooltip-arrow,
.popper[x-placement^=bottom] .popper__arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^=right],
.popper[x-placement^=right] {
  margin-left: 5px;
}

.popper[x-placement^=right] .popper__arrow,
.tooltip[x-placement^=right] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.popper[x-placement^=left],
.tooltip[x-placement^=left] {
  margin-right: 5px;
}

.popper[x-placement^=left] .popper__arrow,
.tooltip[x-placement^=left] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.gmZoomControl {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  margin: 5px 15px;
  border-radius: 3px;
  background: #fff;
  bottom: 30px !important;
}

.gmFullscreenControl {
  top: 60px !important;
}

.gmMapControl {
  top: 100px !important;
}

.gm-ui-hover-effect {
  top: -3px !important;
  right: -3px !important;
}
.gm-ui-hover-effect img {
  filter: invert(100%) brightness(250%);
  -webkit-filter: invert(100%) brightness(250%);
}

.gm-style-iw-t .gm-style-iw .gm-style-iw-d {
  padding: 4px 6px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.gm-style-iw-t .gm-style-iw .gm-style-iw-d::after {
  border-top: solid 10px rgba(0, 0, 0, 0.68) !important;
}
.gm-style-iw-t .gm-style-iw .gm-style-iw-d:hover {
  background-color: rgba(0, 0, 0, 0.85) !important;
  /*.gm-style-iw {
      background-color: rgba(0, 0, 0, 0.85) !important;
    }*/
}
.gm-style-iw-t .gm-style-iw .gm-style-iw-d:hover::after {
  border-top: solid 10px rgba(0, 0, 0, 0.81) !important;
}

.gm-style .gm-style-iw-c {
  padding-top: 10px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.statement-date-picker .MuiSelect-select.MuiSelect-selectMenu {
  margin-top: 0px;
}

.bg-light-blue {
  background: #f0f3f4 !important;
  border-radius: 5px !important;
}

.email-btn-wrapper {
  width: 100%;
  display: flex;
  align-content: flex-end;
}

.statement-datepicker div {
  min-width: 100%;
}
.statement-datepicker .rdtPicker {
  right: 0;
}

.page-auth {
  background-color: #090345;
  height: 100%;
}
.page-auth .main-body {
  height: 100%;
  padding-top: 50px !important;
}
.page-auth .body-inner:before {
  background-color: transparent !important;
  height: 0px !important;
}
.page-auth .card {
  box-shadow: none !important;
  border-radius: 0px;
  margin: 10px 0 30px 0 !important;
}
.page-auth .card .card-content {
  padding: 30px 40px !important;
}
.page-auth h1 {
  margin-bottom: 10px !important;
}

.page-login {
  background-color: #090345;
  height: 100%;
}
.page-login .main-body {
  height: 100%;
  padding-top: 50px !important;
}
.page-login .body-inner:before {
  background-color: transparent !important;
  height: 0px !important;
}
.page-login .card {
  box-shadow: none !important;
  border-radius: 0px;
  margin: 10px 0 30px 0 !important;
}
.page-login .card .card-content {
  padding: 30px 40px !important;
}
.page-login h1 {
  margin-bottom: 10px !important;
}
.page-login .remember_Pwd {
  margin-bottom: 5px;
}
.page-login .remember_Pwd > label {
  margin: 0px !important;
}
.page-login .pwdBox {
  width: auto !important;
  height: auto !important;
  margin-right: 5px !important;
}
.page-login .pwdBox > div > div {
  margin-right: 5px !important;
  width: 21px !important;
  height: 21px !important;
}
.page-login .pwdBox > div label {
  width: auto !important;
  margin: 0 !important;
  font-size: 12px !important;
  color: #616161 !important;
  line-height: 23px !important;
}
.page-login .pwdBox > div svg {
  height: 21px !important;
  width: 21px !important;
}

.page-signup {
  background-color: #090345;
  height: 100%;
}
.page-signup .main-body {
  height: 100%;
  padding-top: 50px !important;
}
.page-signup .body-inner:before {
  background-color: transparent !important;
  height: 0px !important;
}
.page-signup .card {
  box-shadow: none !important;
  border-radius: 0px;
  margin: 10px 0 30px 0 !important;
}
.page-signup .card .card-content {
  padding: 30px 40px !important;
}
.page-signup h1 {
  margin-bottom: 10px !important;
}

.page-forgot {
  background-color: #090345;
  height: 100%;
}
.page-forgot .main-body {
  height: 100%;
  padding-top: 50px !important;
}
.page-forgot .body-inner:before {
  background-color: transparent !important;
  height: 0px !important;
}
.page-forgot .card {
  box-shadow: none !important;
  border-radius: 0px;
  margin: 10px 0 30px 0 !important;
}
.page-forgot .card .card-content {
  padding: 30px 40px !important;
}
.page-forgot h1 {
  margin-bottom: 10px !important;
}

.card .card-action {
  padding: 0 40px 50px !important;
}
.card .card-action > a {
  margin-right: 0px !important;
  margin-right: 0px;
}

.card-action p {
  line-height: 16px !important;
}

.body-inner .additional-info {
  position: relative;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.body-inner .additional-info .col-sm-6 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.body-inner .additional-info.row:before {
  border-top: solid 10px #0054f4;
  content: "";
  position: absolute;
  top: -26px;
  left: 0px;
  width: 100%;
}

.lgn-support {
  color: #76818c;
  font-size: 11px;
}
.lgn-support a {
  display: inline-block;
  color: #636c72 !important;
  font-weight: 400;
}
.lgn-support a i {
  font-size: 14px;
  vertical-align: middle;
}

.text-md {
  font-size: 18px;
}

.muted-box-text {
  color: #999;
  display: block;
  margin: 5px 0px;
  font-size: 12px;
}

.spaceH {
  height: 10px;
  display: block;
}

.btn-sm-default {
  border: solid 1px #e2e2e2;
  border-radius: 2px;
  text-transform: capitalize !important;
  display: inline-block;
  margin-bottom: 5px;
  font-size: 16px;
  padding: 6px 16px;
  font-weight: 400;
}
.btn-sm-default:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}

.fp {
  font-size: 12px;
  font-weight: 400;
  color: #636c72;
}

.additional-info .text-muted {
  color: #76818c;
  font-size: 11px;
}

/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
@-webkit-keyframes "Select-animation-fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "Select-animation-fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "Select-animation-spin" {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes "Select-animation-spin" {
  to {
    -webkit-transform: rotate(1turn);
  }
}
.Select {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Select div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Select input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left;
}

.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}
.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}
.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35;
}

.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.Select-control .Select-input:focus {
  outline: none;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}

.is-searchable.is-open > .Select-control {
  cursor: text;
}

.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.is-open .Select-arrow {
  border-top-color: #666;
}

.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}

.is-focused:not(.is-open) > .Select-control {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
}
.is-focused .Select-input > input {
  cursor: text;
}

.Select-placeholder {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.has-value.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333;
}
.has-value.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}

.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333;
}
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 14px;
  padding: 15px 0 12px;
  -webkit-appearance: none;
}

.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}
.Select-clear-zone:hover {
  color: #D0021B;
}

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}

.Select--multi .Select-clear-zone {
  width: 17px;
}
.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}
.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}
.Select--multi .Select-value {
  background-color: #ebf5ff;
  background-color: rgba(0, 126, 255, 0.08);
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  border: 1px solid rgba(0, 126, 255, 0.24);
  color: #007eff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}
.Select--multi .Select-value-icon {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  padding: 1px 5px 3px;
}
.Select--multi .Select-value-icon:hover {
  background-color: #d8eafd;
  background-color: rgba(0, 113, 230, 0.08);
  color: #0071e6;
}
.Select--multi .Select-value-icon:focus {
  background-color: #d8eafd;
  background-color: rgba(0, 113, 230, 0.08);
  color: #0071e6;
}
.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  background-color: rgba(0, 126, 255, 0.24);
}
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}
.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none;
}
.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}
.Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 99;
  -webkit-overflow-scrolling: touch;
}

.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}

.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.Select-option.is-selected {
  background-color: #f5faff;
  background-color: rgba(0, 126, 255, 0.04);
  color: #333;
}

.Select-option.is-focused {
  background-color: #ebf5ff;
  background-color: rgba(0, 126, 255, 0.08);
  color: #333;
}

.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}

.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}

.Select--multi.has-value .Select-input {
  margin-left: 5px;
}

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}
.Select--multi.is-disabled .Select-value-icon:hover {
  background-color: #fcfcfc;
}
.Select--multi.is-disabled .Select-value-icon:focus {
  background-color: #fcfcfc;
}
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}

.edit-contact-state-dropdown .Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 100px;
  overflow: hidden;
  position: absolute;
  top: auto;
  bottom: 0px;
  width: 100%;
  z-index: 99;
  -webkit-overflow-scrolling: touch;
}

.postpay-progress {
  position: absolute;
  left: 2px;
  height: auto !important;
  width: 12px !important;
}

.selectpkg-Tbl {
  color: rgba(0, 0, 0, 0.87);
  background-color: rgb(255, 255, 255);
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  box-sizing: border-box;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 15px, rgba(0, 0, 0, 0.4) 0px 6px 15px;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
  top: -20px;
  vertical-align: middle;
  width: 100%;
  padding: 10px;
  min-height: 48px;
}

.select-equipmentloc .Select-clear {
  display: none !important;
}
.select-equipmentloc .Select-value-icon {
  border-right: 0 !important;
  border-right: 0 !important;
  padding: 0px 4px !important;
  margin-right: 10px !important;
  border: solid 1px #616161 !important;
  border-radius: 100% !important;
  height: 16px !important;
  line-height: 15px !important;
  margin-top: 2px;
  color: #616161 !important;
}
.select-equipmentloc .Select-value {
  background-color: transparent;
  border: 0 !important;
  padding: 0px !important;
}
.select-equipmentloc .Select-value-label {
  float: left;
  color: #616161;
  padding: 0px;
}
.select-equipmentloc .Select-control {
  border: 0;
  border-radius: 0px;
  border-bottom: solid 1px #e0e0e0;
}
.select-equipmentloc .Select-control:hover {
  box-shadow: none;
}
.select-equipmentloc .Select-item {
  display: inline-block;
  padding: 3px;
  background: #ddd;
  margin-right: 3px;
}
.select-equipmentloc .Select-placeholder {
  padding-left: 0px;
  color: rgba(0, 0, 0, 0.3);
}
.select-equipmentloc .Select-input {
  margin-left: 0;
  padding: 0 !important;
}
.select-equipmentloc .Select-input input {
  max-width: 250px;
}
.select-equipmentloc .Select-item-label {
  float: left;
  color: #616161;
  padding-right: 10px;
}
.select-equipmentloc .Select-item-icon {
  background: rgba(0, 0, 0, 0.26);
  padding: 0px 4px;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
}

.post-credit-btn * {
  color: #fff !important;
}

.setting-invoice-dialog.custompaid-box .material-icons {
  color: #ffb74d !important;
}
.setting-invoice-dialog.custompaid-box .custom-openInvoices {
  overflow: hidden;
  margin-top: 10px !important;
}
.setting-invoice-dialog.custompaid-box .custom-openInvoices > p:first-child {
  margin-bottom: 10px !important;
}
.setting-invoice-dialog.custompaid-box .custom-openInvoices > p {
  margin-bottom: 0 !important;
  display: block !important;
}

.setting-invoice-dialog .monthly-groupPackage {
  overflow: hidden;
  margin-top: 5px;
}
.setting-invoice-dialog .monthly-groupPackage > p {
  margin-bottom: 0 !important;
  display: block !important;
}

.total-dateField > div {
  width: auto !important;
}

.map-header {
  padding: 5px;
  background-color: #032440;
}
.map-header .lat-field {
  display: inline-block;
  margin-right: 10px;
}
.map-header .lat-field span:nth-child(1) {
  margin-right: 8px;
}
.map-header .lat-field span:nth-child(2) {
  color: #616161 !important;
  background: #fff !important;
  padding: 2px 5px;
}
.map-header .long-field {
  display: inline-block;
  margin-right: 10px;
}
.map-header .long-field span:nth-child(1) {
  margin-right: 8px;
}
.map-header .long-field span:nth-child(2) {
  color: #616161 !important;
  background: #fff !important;
  padding: 2px 5px;
}
.map-header .map-address {
  font-size: 12px !important;
  line-height: 18px !important;
  height: 18px !important;
  background: #fff !important;
}
.map-header .map-address input {
  color: #000 !important;
  font-size: 12px !important;
}
.map-header .map-address div {
  display: none;
}

.map-dialog-footer * {
  font-size: 12px !important;
}

.map-header * {
  color: #fff !important;
  font-size: 12px;
}

.contact-state > div {
  width: 100% !important;
}
.contact-state > div > div {
  width: inherit;
}
.contact-state > div > div > div {
  width: inherit;
}
.contact-state .Select {
  padding: 0 !important;
}
.contact-state .Select-placeholder {
  line-height: 27px !important;
  height: 27px !important;
  padding-left: 0px;
}
.contact-state .Select-control {
  border: 0 !important;
  background: transparent;
  height: 27px !important;
  box-shadow: none !important;
}
.contact-state .Select-control .Select-value {
  line-height: 27px !important;
  padding-left: 0px !important;
}
.contact-state .Select-control .Select-input {
  height: 27px !important;
  padding-left: 0px !important;
}
.contact-state .Select-control .Select-input > input {
  padding: 4px 0 9px;
}

.drawer-form-input-locationtext {
  width: 90% !important;
  height: auto !important;
}
.drawer-form-input-locationtext .prequalify-disbaled {
  color: #ccc !important;
}

.subscriber-drawer {
  min-height: 40px !important;
  border-top: 0 !important;
}
.subscriber-drawer button {
  min-height: 36px;
  padding: 0 8px !important;
  margin: 0 0 0 3px !important;
  min-width: auto !important;
}
.subscriber-drawer button .material-icons {
  display: inline-block;
  margin: 0px !important;
  padding: 0px !important;
}
.subscriber-drawer button > span {
  align-items: normal !important;
}
.subscriber-drawer button > span > span {
  padding: 0 !important;
}

.drawer-header button .material-icons {
  font-size: 16px !important;
}

span.lat-long-position {
  background: rgb(204, 204, 204);
  padding: 0px 4px;
  margin-right: 5px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 48%;
  display: inline-block;
}

.drawer-form-input-locationtext div:nth-child(1) {
  width: 100% !important;
}

.drawer-form-input-locationtext div:nth-child(2) {
  display: none !important;
}

.table.package-row-tbl {
  table-layout: fixed;
  margin: 0px !important;
}
.table.package-row-tbl tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  height: 36px;
}
.table.package-row-tbl tr td {
  border: none !important;
  padding: 0 8px !important;
  color: #616161 !important;
  vertical-align: middle !important;
}
.table.package-row-tbl tr td input.form-control {
  width: 100% !important;
  max-width: 100% !important;
  text-align: inherit !important;
  padding: 4px 8px !important;
  border-radius: 0px;
}
.table.package-row-tbl tr td input.form-control:hover {
  text-decoration: none !important;
}
.table.package-row-tbl tr td .rate-rt-align {
  padding-right: 34px !important;
}
.table.package-row-tbl tr td .material-icons.text-red.close {
  visibility: hidden;
}
.table.package-row-tbl tr td a {
  color: inherit !important;
}
.table.package-row-tbl tr td a.field_below_link {
  color: #0057FF !important;
  position: relative !important;
}
.table.package-row-tbl tr td.row-package-list, .table.package-row-tbl tr td.row-equipment-list {
  padding: 0px !important;
}
.table.package-row-tbl tr td.row-package-list .serviceBox, .table.package-row-tbl tr td.row-equipment-list .serviceBox {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.table.package-row-tbl tr td.row-package-list .widget-icon-color, .table.package-row-tbl tr td.row-equipment-list .widget-icon-color {
  color: #616161 !important;
}
.table.package-row-tbl tr td .edit-action-icon {
  position: absolute;
  right: -52px;
  top: 2px;
  z-index: 1;
}
.table.package-row-tbl tr td .edit-action-icon button {
  background: #fff;
  font-size: 12px !important;
  margin: 2px;
  padding: 2px;
  line-height: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #ccc;
  border-radius: 100px;
  font-weight: 600;
}
.table.package-row-tbl tr td .edit-action-icon button .material-icons {
  font-size: inherit !important;
  margin: 1px;
  padding: 0px;
  line-height: 0;
  height: auto;
  width: auto;
}
.table.package-row-tbl tr td .edit-action-icon button .material-icons.done {
  color: #9e9e9e;
}
.table.package-row-tbl tr td .edit-action-icon button .material-icons.remove {
  color: #006eff;
}
.table.package-row-tbl tr:hover td .material-icons.text-red.close {
  visibility: visible;
}
.table.package-row-tbl tr.editable-row:hover td div > div,
.table.package-row-tbl tr.editable-row:hover td a {
  text-decoration: none !important;
}
.table.package-row-tbl tr.editable-row.open-row {
  background: #dbedfd;
}
.table.package-row-tbl tr .rate-rt-align {
  padding-right: 34px !important;
}
.table.package-row-tbl .custom-prorate {
  width: auto !important;
  display: inline-block !important;
}
.table.package-row-tbl .custom-prorate label {
  width: 100% !important;
}
.table.package-row-tbl .customItem-Box {
  padding-left: 55px !important;
  padding-top: 15px !important;
}
.table.package-row-tbl .prorate-amount {
  position: absolute;
  top: 59px;
  left: 290px;
}
.table.package-row-tbl .prorate-amount > div {
  max-width: 80px;
}
.table.package-row-tbl .prorate-fullamount {
  position: absolute;
  top: 107px;
  left: 290px;
}
.table.package-row-tbl .prorate-fullamount > div {
  max-width: 80px;
}

.editactive-Package {
  padding: 0px !important;
  width: auto !important;
  height: auto !important;
  margin-left: 10px !important;
}

.popover-searchDetail {
  white-space: pre-wrap !important;
  word-break: break-all;
}

.text-surey {
  position: relative;
}
.text-surey .drawer-form-input-text.surveyField div > div:nth-child(2) {
  opacity: 0 !important;
}
.text-surey .text-width {
  width: 87% !important;
}

.subscriber-section-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 40px;
}

.statementRange {
  display: inline-block !important;
  top: -11px !important;
  position: relative !important;
}
.statementRange > div {
  max-width: 80px;
}

.statement-innerQuad * {
  color: #616161 !important;
}
.statement-innerQuad * .daterange-Apply * {
  color: #fff !important;
}

.archiveDialog * .archiveTitle {
  font-size: 14px;
  padding-bottom: 5px;
}
.archiveDialog * .archiveTitle-inner {
  font-size: 12px;
  padding-bottom: 10px;
}
.archiveDialog * .archiveUser {
  padding: 0px 10px 10px;
}
.archiveDialog * .archiveUser small:nth-child(2) {
  font-weight: 600 !important;
}
.archiveDialog * .achieveNote {
  font-size: 12px !important;
  font-weight: 600;
}

.ping-dialog:nth-child(4) {
  padding: 10px !important;
}

.ping-List {
  background: #000 !important;
  color: #fff !important;
}
.ping-List p {
  margin: 0px !important;
  line-height: 14px !important;
  font-size: 12px !important;
  letter-spacing: 0.5px;
}
.ping-List p:nth-child(5) {
  margin-bottom: 10px !important;
}
.ping-List span {
  display: block;
}
.ping-List span:nth-child(2) {
  padding-left: 30px;
}
.ping-List span:nth-child(4) {
  padding-left: 30px;
}

.subscriber-section .packages-chip {
  width: 100% !important;
  display: block !important;
  border: 1px solid #4caf50 !important;
  background: #fff !important;
  margin-bottom: 10px !important;
}
.subscriber-section * .packages-chip i.material-icons {
  color: #4caf50 !important;
  margin: -5px 0 0 -5px !important;
  top: 5px !important;
  position: relative !important;
}

.activity-log-menu button {
  position: absolute !important;
  width: 30px !important;
  height: 30px !important;
  top: -20px !important;
  left: 0px !important;
  padding: 0 !important;
}

td.activity > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 16px;
}

.activity-log-menu-list span {
  min-height: 0px !important;
  overflow: hidden !important;
}
.activity-log-menu-list span svg {
  height: 18px !important;
  width: 18px !important;
  top: 4px !important;
}
.activity-log-menu-list span label {
  font-size: 12px !important;
  left: -5px;
  margin: 0;
  padding: 0;
}

.save-primary-contint-bar {
  background-color: rgba(99, 250, 255, 0.35);
  position: absolute;
  width: 100%;
  text-align: right;
}

.customer-ticket {
  height: 290px;
  overflow: hidden;
}
.customer-ticket:hover {
  overflow: auto;
}

.characters-limit-redcolor {
  color: red;
  font-size: 12px;
  float: right;
}

.characters-limit-whitecolor {
  color: black;
  font-size: 12px;
  float: right;
}

.autoaction-error {
  color: red;
}

.red-border {
  border-color: red;
  border-width: 2px;
}

.tbl-filter-item.paidup {
  position: relative;
  padding: 5px 15px !important;
}

.tbl-filter-item.paidup.table-button-padding {
  padding: 5px 4px !important;
}

.tbl-filter-item.filter-paidup {
  max-width: 150px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  float: left;
}

.tbl-filter-item.paidup button {
  height: 100% !important;
  width: 100% !important;
  position: absolute !important;
  left: 0;
  top: 0px;
  padding: 0px !important;
}

.tbl-filter-item.paidup .material-icons {
  margin-right: 0;
  /* width    : 100%; */
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0px;
  padding-left: 8px;
  padding-top: 3px;
  font-size: 18px !important;
}

.tbl-filter-item.paidup > div {
  display: initial !important;
  position: initial !important;
}

i.material-icons.select-filter-icon-dd {
  left: auto !important;
  right: 10px !important;
  top: 2px !important;
  font-size: 16px !important;
  width: inherit !important;
}

.red-color {
  color: red !important;
}
.red-color input {
  color: red !important;
}

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

button.default-InvoiceSetting:before {
  position: absolute;
  left: 120px;
}

.text-left.px-1.div-table-cols > span {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
}

.custom_quad {
  line-height: 24px;
  width: 100%;
  display: inline-block;
  position: relative;
  background-color: transparent;
  transition: height 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  cursor: auto;
}

.custom_title {
  position: absolute;
  line-height: 22px;
  top: 19px;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  z-index: 1;
  transform: scale(0.75) translate(0px, -28px);
  transform-origin: left top 0px;
  pointer-events: none;
  user-select: none;
  color: rgba(0, 0, 0, 0.3);
}

.custom_value {
  padding: 0px;
  position: relative;
  width: 100%;
  border: none;
  outline: none;
  background-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0.87);
  cursor: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
  box-sizing: border-box;
  margin-top: 19px;
}

.custom_bdr_1 {
  border-top: none rgb(224, 224, 224);
  border-left: none rgb(224, 224, 224);
  border-right: none rgb(224, 224, 224);
  border-bottom: 1px solid rgb(224, 224, 224);
  bottom: 0px;
  box-sizing: content-box;
  margin: 0px;
  position: absolute;
  width: 100%;
}

.custom_bdr_2 {
  border-top: none rgb(0, 188, 212);
  border-left: none rgb(0, 188, 212);
  border-right: none rgb(0, 188, 212);
  border-bottom: 2px solid rgb(0, 188, 212);
  bottom: 0px;
  box-sizing: content-box;
  margin: 0px;
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.voip-extension {
  width: 40%;
  overflow: hidden;
  height: 300px;
  padding: 18px;
}

.btn-restorePricing {
  padding: 0px !important;
  height: auto !important;
  width: auto !important;
}

.dataProgress {
  vertical-align: middle;
}

.equipment_settingContent > div + div {
  min-height: 75vh;
  overflow: hidden !important;
}
.equipment_settingContent .drawer-content .packages {
  margin: 0px !important;
}
.equipment_settingContent .drawer-content .packages .package-popup {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.equipment_settingContent .package-list-body {
  padding-bottom: 15px;
  overflow-y: auto;
  height: 66vh;
}

.addpackage-packagelist .col {
  text-overflow: ellipsis;
  overflow: hidden;
}

.table-hover tbody.preview-table tr:hover {
  background: unset !important;
}

#activityTable .text-truncate div {
  max-height: 30px;
}
#activityTable .text-truncate div * {
  margin: 0px !important;
  padding: 0px !important;
  font-size: 12px !important;
  font-weight: normal !important;
}

.popover-overflow > div + div {
  overflow: unset;
}

.cc-details-form p {
  margin-top: 4px;
}
.cc-details-form p > div {
  bottom: 0px !important;
}

.clickable {
  cursor: pointer;
  text-decoration: underline;
}

.activity-table > div > .ReactVirtualized__Table > .ReactVirtualized__Table__Grid .ReactVirtualized__Table__row > .ReactVirtualized__Table__rowColumn > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.service-item-tree .MuiTreeItem-content.Mui-selected {
  background-color: transparent !important;
}

/*.table-highlight-column-action button:last-child{
    width: 48px !important;
}*/
/* dot menu */
/* end */
/* table-cozy */
/* table-cozy end */
/* default iPad screens */
/* different techniques for iPad screening */
/* For portrait layouts only */
/* For landscape layouts only */
.dialog-content .table-no-margin {
  margin-bottom: 0;
}
.dialog-content .table {
  margin: 0 0 15px;
}
.dialog-content .table th {
  background: #eee;
}
.dialog-content .table td {
  border-top: none;
  border-bottom: 1px solid #eee;
}
.dialog-content .table th,
.dialog-content .table td {
  position: relative !important;
  color: #616161;
  font-size: 12px !important;
}

.table-no-margin {
  margin-bottom: 0;
}

.table th,
.table td {
  position: relative !important;
  color: #313131;
}

.tableHeadVisibility {
  visibility: hidden;
}

.dot-menu-highlight-column-action {
  padding: 0px !important;
}

.table-text-highlight {
  background-color: #ffe0b2;
  font-weight: bold;
}

.table-striped tbody tr:nth-of-type(even) {
  background: #e3e3e3 !important;
}
.table-striped tbody tr:nth-of-type(odd) {
  background: rgb(255, 255, 255) !important;
}

.mdl-data-table tbody tr.selected-row td button {
  color: #fff !important;
  min-height: auto !important;
  margin: 0px !important;
  padding: 0px !important;
}
.mdl-data-table tbody tr.selected-row td button svg {
  height: 16px !important;
  width: 16px !important;
}

.mdl-data-table {
  overflow: hidden;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border: 0px solid rgba(0, 0, 0, 0) !important;
}
.mdl-data-table thead {
  padding-bottom: 0px;
  background: #bdbdbd !important;
}
.mdl-data-table thead th {
  color: #616161 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  padding: 10px;
  line-height: 16px;
  height: auto !important;
}
.mdl-data-table thead tr th i.material-icons {
  position: absolute;
  right: 0px;
  color: #616161;
  font-size: 14px;
  top: 4px !important;
}
.mdl-data-table thead tr th i.material-icons.sorting {
  font-size: 14px !important;
  top: 8px !important;
  right: 5px !important;
  color: #fff;
}
.mdl-data-table thead tr th div.resize-hover:hover {
  background: #00bcd4;
}
.mdl-data-table .tbl-action-button {
  width: 60px !important;
}
.mdl-data-table .tbl-action-button .material-icons {
  visibility: hidden;
  background: transparent;
}
.mdl-data-table tr:hover .tbl-action-button .material-icons {
  visibility: inherit;
}
.mdl-data-table tr:hover td.dot-menu .dot-menu-btn button {
  visibility: visible;
  -webkit-transition: visibility 0s;
  transition: visibility 0s;
}
.mdl-data-table tr td.dot-menu button {
  padding: 0px !important;
  height: auto !important;
  width: auto !important;
  border: none !important;
}
.mdl-data-table tr td.dot-menu .dot-menu-btn button {
  visibility: hidden;
  -webkit-transition: visibility 0s;
  transition: visibility 0s;
}
.mdl-data-table tr td.dot-menu button.more-search-result .material-icons {
  font-size: 14px;
  background: #ffe0b2;
}
.mdl-data-table tr td button {
  margin: 0px !important;
  padding: 0px !important;
  min-height: auto !important;
}
.mdl-data-table tr td button svg {
  height: 16px !important;
  width: 16px !important;
}
.mdl-data-table tr td button .material-icons {
  font-size: 12px;
  margin: 2px;
  padding: 5px 2px;
  line-height: 0;
  height: auto;
  width: auto;
}
.mdl-data-table tr td button .material-icons.more {
  background: none;
  font-size: 18px;
  margin: 7px 0 0 0;
  padding: 5px 2px;
  line-height: 0;
  height: auto;
  width: auto;
  color: #616161 !important;
}
.mdl-data-table tr td button .material-icons.done {
  color: green;
}
.mdl-data-table tr td button .material-icons.remove {
  color: red;
}
.mdl-data-table tr td .edit-action-icon {
  position: absolute;
  right: -54px;
  top: -4px;
  z-index: 1;
}
.mdl-data-table tbody td {
  color: #616161 !important;
  white-space: normal;
  word-wrap: break-word;
  padding: 10px;
  height: auto !important;
  border-top: 1px solid rgb(245, 245, 245) !important;
  border-bottom: 1px solid rgb(245, 245, 245) !important;
  font-weight: 400;
}
.mdl-data-table tbody tr td {
  border-top: 1px solid rgba(0, 0, 0, 0.03) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
}
.mdl-data-table tbody tr:hover {
  background: #c8d2f1 !important;
}
.mdl-data-table tbody tr.selected-row {
  background: #0a2571 !important;
}
.mdl-data-table tbody tr.selected-row:hover {
  background: #0a2571 !important;
}
.mdl-data-table tbody tr.selected-row:hover td {
  font-weight: 400 !important;
}
.mdl-data-table tbody tr.selected-row:hover .dot-menu * {
  color: #fff !important;
}
.mdl-data-table tbody tr.selected-row td {
  font-weight: 400 !important;
  color: #fff !important;
}
.mdl-data-table tbody tr.selected-row td > span {
  color: #fff !important;
}
.mdl-data-table td:first-of-type {
  padding-left: 4px !important;
}
.mdl-data-table th:first-of-type {
  padding-left: 8px !important;
  padding-left: 8px !important;
}
.mdl-data-table td.mdl-data-table__cell--icon {
  text-align: center !important;
}
.mdl-data-table th.mdl-data-table__cell--icon {
  text-align: center !important;
}
.mdl-data-table td.activity span {
  max-height: 16px;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: pre-line;
}
.mdl-data-table td.activity span:hover {
  overflow: auto;
}

.table-no-margin {
  margin-bottom: 0;
}

.table th,
.table td {
  position: relative !important;
  color: #313131;
}

.tableHeadVisibility {
  visibility: hidden;
}

.dot-menu-highlight-column-action {
  padding: 0px !important;
}

.table-text-highlight {
  background-color: #ffe0b2;
  font-weight: bold;
}

.table-striped tbody tr:nth-of-type(even) {
  background: #e3e3e3 !important;
}
.table-striped tbody tr:nth-of-type(odd) {
  background: rgb(255, 255, 255) !important;
}

.mdl-data-table tbody tr.selected-row td button {
  color: #fff !important;
  min-height: auto !important;
  margin: 0px !important;
  padding: 0px !important;
}
.mdl-data-table tbody tr.selected-row td button svg {
  height: 16px !important;
  width: 16px !important;
}

.mdl-data-table {
  overflow: hidden;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border: 0px solid rgba(0, 0, 0, 0) !important;
}
.mdl-data-table thead {
  padding-bottom: 0px;
  background: #bdbdbd !important;
}
.mdl-data-table thead th {
  color: #616161 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  padding: 10px;
  line-height: 16px;
  height: auto !important;
}
.mdl-data-table thead tr th i.material-icons {
  position: absolute;
  right: 0px;
  color: #616161;
  font-size: 14px;
  top: 4px !important;
}
.mdl-data-table thead tr th i.material-icons.sorting {
  font-size: 14px !important;
  top: 8px !important;
  right: 5px !important;
  color: #fff;
}
.mdl-data-table thead tr th div.resize-hover:hover {
  background: #00bcd4;
}
.mdl-data-table .tbl-action-button {
  width: 60px !important;
}
.mdl-data-table .tbl-action-button .material-icons {
  visibility: hidden;
  background: transparent;
}
.mdl-data-table tr:hover .tbl-action-button .material-icons {
  visibility: inherit;
}
.mdl-data-table tr:hover td.dot-menu .dot-menu-btn button {
  visibility: visible;
  -webkit-transition: visibility 0s;
  transition: visibility 0s;
}
.mdl-data-table tr td.dot-menu button {
  padding: 0px !important;
  height: auto !important;
  width: auto !important;
  border: none !important;
}
.mdl-data-table tr td.dot-menu .dot-menu-btn button {
  visibility: hidden;
  -webkit-transition: visibility 0s;
  transition: visibility 0s;
}
.mdl-data-table tr td.dot-menu button.more-search-result .material-icons {
  font-size: 14px;
  background: #ffe0b2;
}
.mdl-data-table tr td button {
  margin: 0px !important;
  padding: 0px !important;
  min-height: auto !important;
}
.mdl-data-table tr td button svg {
  height: 16px !important;
  width: 16px !important;
}
.mdl-data-table tr td button .material-icons {
  font-size: 12px;
  margin: 2px;
  padding: 5px 2px;
  line-height: 0;
  height: auto;
  width: auto;
}
.mdl-data-table tr td button .material-icons.more {
  background: none;
  font-size: 18px;
  margin: 7px 0 0 0;
  padding: 5px 2px;
  line-height: 0;
  height: auto;
  width: auto;
  color: #616161 !important;
}
.mdl-data-table tr td button .material-icons.done {
  color: green;
}
.mdl-data-table tr td button .material-icons.remove {
  color: red;
}
.mdl-data-table tr td .edit-action-icon {
  position: absolute;
  right: -54px;
  top: -4px;
  z-index: 1;
}
.mdl-data-table tbody td {
  color: #616161 !important;
  white-space: normal;
  word-wrap: break-word;
  padding: 10px;
  height: auto !important;
  border-top: 1px solid rgb(245, 245, 245) !important;
  border-bottom: 1px solid rgb(245, 245, 245) !important;
  font-weight: 400;
}
.mdl-data-table tbody tr td {
  border-top: 1px solid rgba(0, 0, 0, 0.03) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
}
.mdl-data-table tbody tr:hover {
  background: #c8d2f1 !important;
}
.mdl-data-table tbody tr.selected-row {
  background: #0a2571 !important;
}
.mdl-data-table tbody tr.selected-row:hover {
  background: #0a2571 !important;
}
.mdl-data-table tbody tr.selected-row:hover td {
  font-weight: 400 !important;
}
.mdl-data-table tbody tr.selected-row:hover .dot-menu * {
  color: #fff !important;
}
.mdl-data-table tbody tr.selected-row td {
  font-weight: 400 !important;
  color: #fff !important;
}
.mdl-data-table tbody tr.selected-row td > span {
  color: #fff !important;
}
.mdl-data-table td:first-of-type {
  padding-left: 4px !important;
}
.mdl-data-table th:first-of-type {
  padding-left: 8px !important;
  padding-left: 8px !important;
}
.mdl-data-table td.mdl-data-table__cell--icon {
  text-align: center !important;
}
.mdl-data-table th.mdl-data-table__cell--icon {
  text-align: center !important;
}
.mdl-data-table td.activity span {
  max-height: 16px;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: pre-line;
}
.mdl-data-table td.activity span:hover {
  overflow: auto;
}

.table-highlight-column {
  background-color: #ffe0b2;
}

.table-highlight-column-action {
  background-color: #ffe0b2;
  display: flex;
  align-items: center;
  position: sticky;
  right: 1px;
  top: 190px;
  z-index: 99;
  float: right;
}
.table-highlight-column-action .arrow-left {
  padding: 1px !important;
}
.table-highlight-column-action .arrow-right {
  padding: 1px !important;
}
.table-highlight-column-action button {
  height: auto !important;
  width: auto !important;
}

.table-absolute {
  position: static;
  left: 0px;
  top: -31px;
  max-height: calc(100vh - 204px);
  overflow: auto;
}

.table-container {
  padding-top: 0px;
  background: white;
}

.table-relative {
  position: relative;
}

.table-tooltip {
  text-decoration: none;
  position: relative;
}
.table-tooltip span {
  display: none;
}
.table-tooltip:hover span {
  display: block;
  position: fixed;
  overflow: hidden;
}

.row-density {
  pointer-events: none !important;
  font-size: 12px !important;
  color: #999 !important;
}

.mdl-data-table-non-editable {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.mdl-data-table.payment-received-tbl tbody td {
  border-top: 0px solid rgb(245, 245, 245) !important;
  border-bottom: 0px solid rgb(245, 245, 245) !important;
}

.category-search-wrapper .table-comfortable .mdl-data-table.no-scroll-table {
  font-size: 12px;
  position: relative;
  top: -53px;
}
.category-search-wrapper .table-cozy .mdl-data-table.no-scroll-table {
  font-size: 12px;
  position: relative;
  top: -34px;
}

.table-comfortable .mdl-data-table.no-scroll-table {
  font-size: 12px;
  position: relative;
  top: -37px;
}
.table-comfortable .mdl-data-table tbody tr td {
  vertical-align: normal;
}
.table-comfortable .mdl-data-table tbody tr td .equpip-tooltip .material-icons.tooltip-arrow {
  top: 15px;
}

.table-cozy .mdl-data-table.no-scroll-table {
  font-size: 12px;
  position: relative;
  top: -30px;
}
.table-cozy .mdl-data-table thead tr {
  height: 30px;
}
.table-cozy .mdl-data-table thead tr th {
  height: 30px;
  padding: 1px 10px;
}
.table-cozy .mdl-data-table tbody tr {
  height: 30px;
}
.table-cozy .mdl-data-table tbody tr td {
  height: 30px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  vertical-align: middle;
  line-height: normal;
}
.table-cozy .mdl-data-table tbody tr td .equpip-tooltip .material-icons.tooltip-arrow {
  top: 7px;
}

.table-compact .mdl-data-table.no-scroll-table {
  font-size: 12px;
  position: relative;
  top: -24px;
}
.table-compact .mdl-data-table thead tr {
  height: 24px;
}
.table-compact .mdl-data-table thead tr th {
  height: 24px;
  padding: 1px 10px;
}
.table-compact .mdl-data-table tbody tr {
  height: 24px;
}
.table-compact .mdl-data-table tbody tr td {
  height: 24px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  vertical-align: middle;
  line-height: normal;
  background: inherit;
  border: none !important;
}
.table-compact .mdl-data-table tbody tr td .equpip-tooltip .material-icons.tooltip-arrow {
  top: 6px;
  right: 2px;
}
.table-compact .mdl-data-table tbody tr td span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
}

.search-result-in-tble {
  border-bottom: 1px solid #ccc;
  font-size: 12px;
  min-width: 100%;
  padding: 10px;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
.search-result-in-tble p {
  font-size: 12px;
  min-width: 100%;
  padding: 0;
  margin: 0;
  line-height: inherit;
}
.search-result-in-tble:last-child {
  border-bottom: 0px solid #ccc;
}

.table-box table thead tr td,
.table-box .mdl-data-table thead tr th,
.table-box .table thead tr th {
  border-right: 1px solid #ddd !important;
  border-left: 1px solid #ddd !important;
}
.table-box * td {
  border-right: 0px solid transparent !important;
  border-left: 0px solid transparent !important;
}

.mdl-data-table tbody tr {
  height: auto !important;
}

.div-table-parent {
  opacity: 1;
  transform: translate(0px, 0px);
  overflow-y: auto;
  overflow-x: auto;
  max-height: calc(100vh - 170px);
}
.div-table-parent .selected-row .div-table-col {
  color: #fff !important;
}

.div-table {
  width: 100%;
  background: #fff;
}

.div-table-row {
  width: 100%;
  display: inline-flex;
  vertical-align: middle;
  font-size: 12px;
  margin: -1px 0 0;
  color: #616161 !important;
  line-height: 30px;
}
.div-table-row div.dot-menu {
  border-right: 1px solid transparent;
  visibility: hidden;
}
.div-table-row * p {
  line-height: unset !important;
}

.div-table-row:nth-child(odd) {
  background: #e3e3e3;
}

.div-table-row:nth-child(even) {
  background: #fff;
}

.selected-row.div-table-row {
  background: rgb(10, 37, 113) !important;
  color: #fff !important;
}
.selected-row.div-table-row .div-table-col > span {
  color: #fff;
}
.selected-row.div-table-row .div-table-col .equpip-tooltip {
  color: #fff;
}
.selected-row.div-table-row .custom-table-tooltip.tooltip-show * {
  color: #616161;
}
.selected-row.div-table-row:hover .dot-menu * {
  color: #fff !important;
}
.selected-row.div-table-row .tbl-Frequency {
  color: #fff !important;
}

.div-table-header-row {
  overflow: hidden;
  background: #bdbdbd !important;
  position: sticky;
  top: 0px;
  z-index: 100;
  font-weight: 500;
  color: #333 !important;
  border-bottom: 1px solid #fff;
}
.div-table-header-row .div-table-col {
  position: relative;
}
.div-table-header-row .resize-hover {
  border-right: 1px solid #ddd;
}
.div-table-header-row div.dot-menu {
  border-right: 1px solid #ddd;
  visibility: visible !important;
}

.status-col {
  width: 40px;
}
.status-col .material-icons {
  margin: 0 0 0 4px !important;
}

.div-table-col {
  float: left; /* fix for  buggy browsers */
  display: table-column;
  padding: 0 0 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100px;
}
.div-table-col .equpip-tooltip {
  position: relative;
  width: calc(100% - 20px);
}
.div-table-col .equpip-tooltip .material-icons.tooltip-arrow {
  float: right;
  position: absolute;
  right: -16px;
  top: 5px;
  font-size: 16px;
  cursor: pointer;
}
.div-table-col .equpip-tooltip .custom-table-tooltip {
  position: absolute;
  right: -7px;
  top: 13px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
  padding: 10px;
  width: auto;
  z-index: 1;
  word-wrap: initial;
}
.div-table-col .equpip-tooltip .custom-table-tooltip .tooltip-item {
  max-height: 280px;
  overflow-x: hidden;
  overflow-y: auto;
}
.div-table-col input {
  width: 100%;
  font-size: 12px !important;
  padding: 0px;
  height: 20px;
  line-height: 20px;
}
.div-table-col button {
  background: #fff;
  font-size: 12px !important;
  margin: 2px;
  padding: 2px;
  line-height: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #ccc;
  border-radius: 100px;
  font-weight: 600;
}
.div-table-col button .material-icons {
  font-size: 12px;
  margin: 1px;
  padding: 0px;
  line-height: 0;
  height: auto;
  width: auto;
}
.div-table-col button .material-icons.more {
  background: none;
  font-size: 18px;
  margin: 7px 0 0 0;
  padding: 5px 2px;
  line-height: 0;
  height: auto;
  width: auto;
  color: #616161 !important;
}
.div-table-col button .material-icons.done {
  color: green;
}
.div-table-col button .material-icons.remove {
  color: red;
}
.div-table-col .edit-action-icon {
  position: absolute;
  right: -49px;
  top: 0px;
  z-index: 1;
}
.div-table-col .sorting {
  position: relative;
  top: 3px;
  display: inline;
}
.div-table-col .sorting i.material-icons {
  color: #eee;
}

.table-comfortable .div-table-col .equpip-tooltip .material-icons.tooltip-arrow {
  top: 34%;
}

.table-cozy .div-table-col .equpip-tooltip .material-icons.tooltip-arrow {
  top: 26%;
}

.table-compact .div-table-col .equpip-tooltip .material-icons.tooltip-arrow {
  top: 24%;
}

.equipment-ip-col,
.mac-address-col,
.package-ip-col {
  text-overflow: ellipsis !important;
  overflow: visible !important;
}

div.resize-hover:hover {
  background: #00bcd4;
}

.column.over {
  border: 2px dashed #000;
}

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

.dragcolumn {
  cursor: move;
}

.column header {
  color: #fff;
  text-shadow: #000 0 1px;
  box-shadow: 5px;
  padding: 5px;
  background: -moz-linear-gradient(left center, rgb(0, 0, 0), rgb(79, 79, 79), rgb(21, 21, 21));
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgb(0, 0, 0)), color-stop(0.5, rgb(79, 79, 79)), color-stop(1, rgb(21, 21, 21)));
  background: -webkit-linear-gradient(left center, rgb(0, 0, 0), rgb(79, 79, 79), rgb(21, 21, 21));
  background: -ms-linear-gradient(left center, rgb(0, 0, 0), rgb(79, 79, 79), rgb(21, 21, 21));
  border-bottom: 1px solid #ddd;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -ms-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
}

.table-compact .div-table-row {
  height: 26px;
  line-height: 26px;
}
.table-compact div.dot-menu {
  text-align: center;
  width: 30px;
}
.table-compact div.dot-menu button.more-horiz-icon-btn {
  padding: 0px !important;
}
.table-compact div.dot-menu button.more-horiz-icon-btn .material-icons {
  font-size: 14px !important;
  left: 0px !important;
  position: relative;
}

.table-cozy .div-table-row {
  height: 32px;
  line-height: 32px;
}
.table-cozy div.dot-menu {
  text-align: center;
  width: 30px;
}
.table-cozy div.dot-menu button.more-horiz-icon-btn {
  padding: 0px !important;
}
.table-cozy div.dot-menu button.more-horiz-icon-btn .material-icons {
  font-size: 14px !important;
  top: 2px !important;
  left: 0px !important;
  position: relative;
}

.table-comfortable .div-table-row {
  height: 48px;
  line-height: 48px;
}
.table-comfortable div.dot-menu {
  text-align: center;
  width: 30px;
}
.table-comfortable div.dot-menu button.more-horiz-icon-btn {
  padding: 0px !important;
}
.table-comfortable div.dot-menu button.more-horiz-icon-btn .material-icons {
  font-size: 14px !important;
  top: 2px !important;
  left: 0px !important;
  position: relative;
}

div.div-table-row:hover {
  background: #c8d2f1;
}
div.div-table-row:hover div.dot-menu {
  visibility: visible;
}

div.dot-menu.search-result {
  visibility: visible !important;
}
div.dot-menu.search-result button.more-search-result {
  padding: 0px !important;
  height: 25px !important;
  vertical-align: middle;
  width: auto !important;
}

div.in-line-editing {
  cursor: pointer;
}

.in-line-editing .text {
  cursor: text;
}

.table-hover tbody tr:hover {
  background-color: #c8d2f1 !important;
}

.highlight-text {
  background-color: #ffff99;
  padding: 0;
}

.ReactVirtualized__Table__row {
  z-index: 0;
  overflow: visible !important;
}
.ReactVirtualized__Table__row:hover {
  z-index: 1;
}

.ReactVirtualized__Table__rowColumn {
  height: 100%;
  overflow: visible !important;
  display: flex;
  align-items: center;
}
.ReactVirtualized__Table__rowColumn:hover .edit-action-icon {
  display: flex;
}

#activityTable .text-truncate div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#activityTable .div-table-row:hover {
  cursor: pointer;
}

.searched-results-dialog > div + div {
  width: calc(100% - 150px);
  height: calc(100% - 100px);
}

.full-screen {
  background: rgba(0, 0, 0, 0.59);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 9999;
}

/*Please dont delete or uncomment the below commented code if not necessary (By Sourabh (Daffodil))
Please let me know in either case*/
/*.tray-container-open-email-sidebar .maximise-tray,*/
/*.tray-container-open-insert-sidebar .maximise-tray{*/
/*width: 65.5% !important;*/
/*}*/
/*.tray-container-close-email-sidebar .maximise-tray,*/
/*.tray-container-close-insert-sidebar .maximise-tray{*/
/*width: 95.8% !important;*/
/*}*/
.tray-container-open-email-sidebar .maximise-tray,
.tray-container-open-insert-sidebar .maximise-tray {
  width: 50% !important;
}

.tray-container-close-email-sidebar .maximise-tray,
.tray-container-close-insert-sidebar .maximise-tray {
  width: 50% !important;
}

.open-tray {
  background-color: #fff;
  position: fixed !important;
  width: 40% !important;
  min-width: 700px;
  bottom: 0px !important;
  top: 60px;
  right: 0px;
  z-index: 999 !important;
  /*-webkit-transition: width .5s;
    transition: width .5s;*/
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  border-left: 3px solid #ff8a80;
}

.close-tray {
  background-color: #fff;
  position: fixed !important;
  width: 0% !important;
  bottom: 0px !important;
  top: 60px;
  right: 0px;
  z-index: 100 !important;
  /*-webkit-transition: width .5s;
    transition: width .5s;*/
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.minimise-tray {
  background-color: #fff;
  position: fixed !important;
  width: 0% !important;
  bottom: 0px !important;
  top: 60px;
  right: 0px;
  z-index: 100 !important;
  /*-webkit-transition: width .5s;
    transition: width .5s;*/
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.maximise-tray {
  background-color: #fff;
  position: fixed !important;
  width: 95.8% !important;
  bottom: 0px !important;
  top: 0px;
  right: 0px;
  z-index: 9999 !important;
  /*-webkit-transition: width .5s;
    transition: width .5s;*/
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  border-left: 3px solid #ff8a80;
  /*margin: 10px;*/
}

.tray-header button {
  border: none;
  background: none;
  margin: 5px 10px 5px -5px;
  padding: 8px 2px;
  line-height: 0;
}

.tray-header button .material-icons {
  border: none;
  background: none;
  margin: 0px;
  padding: 8px 2px;
  line-height: 0;
  color: #616161;
  font-size: 16px;
}

.tray-header button .material-icons.expand {
  transform: rotate(-90deg);
}

.tray-header {
  background-color: #fff;
  height: 44px;
  overflow: hidden;
  padding: 0 15px;
  z-index: 100;
  position: relative;
  border-bottom: 1px solid #ccc;
}

.tray-header span {
  color: #fff;
  padding: 12px;
  display: inline-block;
}

.tray-header button {
  float: right !important;
  outline: none !important;
  color: #fff;
}

.tray-header .tray-title {
  color: #33adeb;
}

.tray-left-nav {
  background-color: #ff8a80;
  height: 44px;
  overflow: hidden;
  z-index: 100;
  position: absolute;
  left: -42px;
  width: 44px;
  text-align: center;
  line-height: 55px;
  border-radius: 0px 0px 0px 6px;
}

.tray-left-nav .material-icons {
  color: #fff;
}

.tray-containt {
  height: 100%;
}

.tray-footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  border-top: solid 1px #e2e2e2;
  background-color: #f5f5f5;
  padding: 0px 10px 0px 15px;
  z-index: 1;
}

.tray-body {
  min-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 28px;
}

@media only screen and (width: 1920px) {
  .tray-body {
    min-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 28px;
  }
}
@media only screen and (width: 1440px) {
  .tray-body {
    min-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 28px;
  }
}
@media only screen and (width: 1280px) {
  .tray-body {
    min-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 28px;
  }
}
.checkBox-Wrapper {
  float: right;
}

.typeField-Selector svg {
  margin: 3px 12px 0 12px !important;
}

.add-Customername > div {
  position: relative;
  top: 14px;
}

.addticket-Fields svg {
  float: left;
}

.ticketTypeMenu > div > div > div {
  padding: 6px 0 6px 0;
}

.ListText span {
  line-height: initial;
}

.new-ticket .addticket-Fields {
  padding: 0 15px;
  width: 245px;
}

.schedule-ticket .addticket-Fields {
  padding: 0 15px;
  width: 326px;
}

.addticket-Btn * {
  height: 32px !important;
  line-height: 32px !important;
}

.schedule-ticket .templateDetail {
  overflow: hidden !important;
  height: calc(100vh - 400px) !important;
}

.new-ticket .templateDetail {
  height: calc(100vh - 480px) !important;
  overflow: auto;
}

.schedule-ticket .invoice-list-tbl-container {
  height: calc(100vh - 385px);
  max-height: 100%;
}

.maintab-section {
  min-height: auto !important;
}
.maintab-section button {
  height: auto;
  min-height: auto !important;
}
.maintab-section > div:first-child {
  background-color: transparent !important;
}

.ticket-editor .mce-statusbar > .mce-container-body .mce-path {
  padding: 0;
}
.ticket-editor .mce-flow-layout-item.mce-last.mce-resizehandle:before {
  position: absolute;
  content: "";
  top: 48%;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #eee;
}

.add_notes {
  margin: 0 !important;
  height: 36px;
  width: 89% !important;
}
.add_notes > div {
  border: solid 1px #ddd;
  padding: 0 0px 0 10px;
}
.add_notes > div > div {
  height: 36px !important;
}
.add_notes > div textarea {
  height: 29px !important;
  padding: 5px 0 0;
}
.add_notes > div:before,
.add_notes div:after {
  display: none;
}

.details-historyTabs > div + div {
  padding: 0 !important;
}

.ticket-checkWrapper .checkbox-Resolved {
  height: auto !important;
}

.post-description {
  line-height: 20px !important;
  white-space: pre-line;
}

.tab-innersection {
  border: solid 1px #eee;
  margin: 10px 0 0;
  padding: 10px;
}
.tab-innersection .addCommentBox {
  height: 38px !important;
  width: 100%;
  line-height: 28px !important;
}
.tab-innersection .addCommentBox > div:first-child {
  width: 90% !important;
  height: 38px !important;
  line-height: 38px !important;
}
.tab-innersection .addCommentBox > div:first-child div + div {
  height: 38px !important;
  line-height: 28px !important;
}
.tab-innersection .addCommentBox textarea {
  height: 38px !important;
  line-height: 28px !important;
  padding: 5px !important;
}
.tab-innersection .addCommentBox .resolved-check button {
  border-radius: 0px !important;
}
.tab-innersection .templateDetail {
  /* max-height: calc(100vh - 410px) !important; */
}
.tab-innersection .templateDetail .templateInfo {
  height: calc(36% - 20px);
  overflow: hidden;
  margin: 10px 0;
}
.tab-innersection .templateDetail .templateInfo .templateInfo-list {
  padding: 0 !important;
  overflow-y: auto !important;
}
.tab-innersection .templateDetail .templateInfo .templateInfo-list li {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.tab-innersection .templateDetail .templateInfo > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 228px;
  display: inline-block;
  margin-right: 2px;
}
.tab-innersection .templateDetail .templateInfo .post-title {
  font-weight: 500;
  margin: 0 10px 5px;
  font-size: 12px !important;
}
.tab-innersection .templateDetail .templateInfo .post-date {
  font-weight: 600;
  margin: 5px 0 0;
  line-height: normal;
  font-size: 10px !important;
}
.tab-innersection .templateDetail .templateInfo .post-description {
  line-height: 20px !important;
  white-space: pre-line;
}
.tab-innersection .templateDetail .view-more {
  font-size: 10px !important;
  vertical-align: super;
  position: absolute !important;
  right: -16px;
  bottom: -27px;
}
.tab-innersection .templateDetail .view-more * {
  text-transform: capitalize !important;
}
.tab-innersection .rdw-editor-wrapper {
  width: 100% !important;
}
.tab-innersection .rdw-editor-toolbar {
  padding: 2px 0px 0;
  border: 0 !important;
}
.tab-innersection .rdw-dropdown-optionwrapper {
  max-height: 150px !important;
}
.tab-innersection .rdw-editor-main {
  min-height: calc(100vh - 400px) !important;
  height: auto !important;
  max-height: calc(100vh - 400px) !important;
  overflow-y: auto;
  padding: 0 10px;
}
.tab-innersection .rdw-dropdown-wrapper {
  border: 0 !important;
  border-right: solid 1px #eee !important;
  border-bottom: solid 1px #eee !important;
  margin: 0 3px 0 0 !important;
}

.maintab-section > div:nth-child(2) {
  width: 20% !important;
}

.activity-listLog:hover, .activity-listLog:active, .activity-listLog:focus, .activity-listLog:visited {
  background-color: none !important;
  background: none !important;
}
.activity-listLog > div {
  border-bottom: dotted 1px #ddd;
}
.activity-listLog > div:hover {
  background: #f7f7f7;
}
.activity-listLog > div > div:nth-child(1) {
  padding: 16px !important;
  background: #fff !important;
  border: solid 2px #a2a2a2;
}
.activity-listLog > div > div:nth-child(1) > div + div + div {
  height: auto !important;
  line-height: normal !important;
  margin: 0 !important;
}
.activity-listLog > div > div:nth-child(1) > div:nth-child(1) {
  background-color: #fff !important;
  border: solid 1px #a2a2a2;
}
.activity-listLog .material-icons {
  color: #a2a2a2 !important;
  font-size: 24px !important;
}
.activity-listLog .activityDate {
  color: #999 !important;
  font-size: 11px !important;
}
.activity-listLog .activityinnerText {
  overflow: initial !important;
}
.activity-listLog .activityStatus {
  font-size: 13px !important;
  color: #616161;
  font-weight: 500;
  padding-bottom: 2px;
}
.activity-listLog .activityNumber {
  color: #616161;
  font-size: 13px !important;
}

.activity-commentBox {
  margin: 15px 0;
}

.select-typeList .Select-value-icon {
  border-right: 0 !important;
  border-right: 0 !important;
  padding: 0px 4px !important;
  margin-right: 10px !important;
  border: solid 1px #616161 !important;
  border-radius: 100% !important;
  height: 16px !important;
  line-height: 15px !important;
  margin-top: 2px;
  color: #616161 !important;
}
.select-typeList .Select-value {
  padding: 0 !important;
}
.select-typeList .Select-control {
  border: 0;
  border-radius: 0px;
  border-bottom: solid 1px #e0e0e0;
}
.select-typeList .Select-control:hover {
  box-shadow: none;
}
.select-typeList .Select-item {
  display: inline-block;
  padding: 3px;
  background: #ddd;
  margin-right: 3px;
}
.select-typeList .Select-placeholder {
  padding-left: 0;
  line-height: 24px;
  top: 10px;
  color: rgba(0, 0, 0, 0.3);
}
.select-typeList .Select-input {
  margin-left: 0;
}
.select-typeList .Select-item-label {
  float: left;
  color: #616161;
  padding-right: 10px;
}
.select-typeList .Select-item-icon {
  background: rgba(0, 0, 0, 0.26);
  padding: 0px 4px;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
}
.select-typeList .Select-input {
  padding-left: 0px !important;
}

.select-followers .Select-value-icon {
  border-right: 0 !important;
  border-right: 0 !important;
  padding: 0px 4px !important;
  margin-right: 10px !important;
  border: solid 1px #616161 !important;
  border-radius: 100% !important;
  line-height: 15px !important;
  margin-top: 2px;
  color: #616161 !important;
}
.select-followers .Select-value {
  background-color: rgba(0, 0, 0, 0.05);
  border: 0 !important;
  padding: 3px 0;
}
.select-followers .Select-value-label {
  float: left;
  color: #616161;
  padding: 2px 15px 2px 10px;
}
.select-followers .Select-control {
  border: 0;
  border-radius: 0px;
  border-bottom: solid 1px #e0e0e0;
}
.select-followers .Select-control:hover {
  box-shadow: none;
}
.select-followers .Select-item {
  display: inline-block;
  padding: 3px;
  background: #ddd;
  margin-right: 3px;
}
.select-followers .Select-placeholder {
  padding-left: 0;
  line-height: 24px;
  top: 10px;
  color: rgba(0, 0, 0, 0.3);
}
.select-followers .Select-input {
  margin-left: 0;
}
.select-followers .Select-item-label {
  float: left;
  color: #616161;
  padding-right: 10px;
}
.select-followers .Select-item-icon {
  background: rgba(0, 0, 0, 0.26);
  padding: 0px 4px;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
}

.is-focused:not(.is-open) > .Select-control {
  border-color: transparent !important;
  border-bottom: solid 1px #e0e0e0 !important;
  box-shadow: none !important;
}

.docker-item-container.ticket {
  width: 74vw;
  max-width: 1000px !important;
}

.priority-btn > span {
  font-weight: 600 !important;
}

.col-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.open-tray {
  background-color: #fff;
  position: fixed !important;
  width: 32% !important;
  max-width: 970px !important;
  bottom: 0px !important;
  top: 128px;
  right: 30px;
  z-index: 100 !important;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.close-tray {
  background-color: #fff;
  position: fixed !important;
  width: 0% !important;
  max-width: 970px !important;
  bottom: 0px !important;
  top: 128px;
  right: 0px;
  z-index: 100 !important;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.minimise-tray {
  background-color: #fff;
  position: fixed !important;
  width: 0% !important;
  max-width: 970px !important;
  bottom: 0px !important;
  top: 128px;
  right: 0px;
  z-index: 100 !important;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.maximise-tray {
  background-color: #fff;
  position: fixed !important;
  width: 70% !important;
  max-width: 970px !important;
  bottom: 0px !important;
  top: 128px;
  right: 30px;
  z-index: 100 !important;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.tray-header {
  background-color: #444;
  height: 44px;
  overflow: hidden;
  z-index: 100;
  position: relative;
}
.tray-header button {
  border: none;
  background: none;
  margin: 2px 2px;
  padding: 8px 2px;
  line-height: 0;
  float: right !important;
  outline: none !important;
  color: #fff;
}
.tray-header button .material-icons {
  border: none;
  background: none;
  margin: 2px 2px;
  padding: 8px 2px;
  line-height: 0;
}
.tray-header span {
  color: #fff;
  padding: 12px;
  display: inline-block;
}

.tray-left-nav {
  background-color: #e8e8e8;
  height: 44px;
  overflow: hidden;
  border-top: 2px solid #0054f4;
  border-bottom: 2px solid #ccc;
  z-index: 100;
  position: absolute;
  left: -42px;
  width: 44px;
  text-align: center;
  line-height: 55px;
}

ul {
  list-style-type: none;
}

.fullwidth-dropdown {
  width: 100% !important;
  padding: 0px !important;
  margin: 0px !important;
}

.col-pad {
  padding: 0px !important;
}

.page-heading {
  margin-top: 0px !important;
}

.tray-containt {
  height: 100%;
}

.tray-footer {
  position: absolute;
  width: 100%;
  border-top: solid 1px #e2e2e2;
  background-color: #f5f5f5;
  padding: 0px 10px 0px 15px;
  z-index: 1;
}

.icon-label {
  display: flex;
}
.icon-label span {
  vertical-align: top;
}

.text-xs {
  font-size: 14px;
}

.status-discription {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.status-discription div {
  flex: 1 1 50%;
}
.status-discription div:last-child {
  flex: 1 1 100%;
  color: #222;
}

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

.vMiddle {
  vertical-align: middle;
}

.sd-box {
  margin: 25px 0px;
}
.sd-box .time {
  color: #999;
}
.sd-box .status-discription {
  margin-bottom: 15px;
}
.sd-box .status-discription label {
  margin-bottom: 0px;
}
.sd-box .status-discription .text-muted {
  color: #999 !important;
}

.spaceT {
  padding-top: 15px;
}

.checkbox-flx {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.checkbox-flx .flx-left {
  flex: 0 0 70%;
}
.checkbox-flx .flx-right {
  flex: 0 0 30%;
  text-align: right;
}

.tray-body {
  min-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
}
.tray-body .rdw-editor-toolbar {
  flex-wrap: nowrap;
  border: none;
  padding: 0;
  font-size: 12px;
}
.tray-body .rdw-editor-toolbar .rdw-dropdown-wrapper {
  border: none;
  margin: 0 2px;
}
.tray-body .rdw-editor-toolbar .rdw-option-wrapper {
  border: none;
  margin: 0 2px;
}
.tray-body .DraftEditor-root {
  position: relative;
  min-height: 400px;
  max-height: 400px;
  overflow-y: auto;
}

.reports-open-tray {
  width: auto !important;
}

.reports-maximise-tray {
  width: 88% !important;
  max-width: inherit !important;
}
.reports-maximise-tray .tray-containt .frame-box {
  position: absolute;
  height: 100%;
  border: none;
}

.email-maximise-tray {
  width: 50% !important;
  max-width: inherit !important;
}
.email-maximise-tray .tray-containt .frame-box {
  position: absolute;
  height: 100%;
  border: none;
}

.reports-hide-tray {
  display: none;
}

.ticket-mainQuad .SeperateHead {
  font-size: 10px !important;
}

.activity-listLog > div > div:nth-child(3) {
  height: 100% !important;
  text-overflow: initial !important;
  margin: 0 !important;
  white-space: initial !important;
}

a.status-unassigned {
  background-color: transparent !important;
  height: 32px !important;
  line-height: 32px !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  min-width: auto !important;
}

.servicestatus-Schedule {
  font-weight: 600 !important;
  color: rgb(0, 188, 212) !important;
}

.statusCheckboxTicket label {
  margin: 0px !important;
}
.statusCheckboxTicket label .ticket-resolved {
  height: auto;
  width: auto;
}
.statusCheckboxTicket label .ticket-resolved svg {
  height: 20px;
}
.statusCheckboxTicket > div {
  top: 3px !important;
}

.ticketstatus-Checked * {
  color: #66bb6a !important;
}
.ticketstatus-Checked * svg * {
  fill: #66bb6a !important;
}

.drawer-content h6.activityTitle {
  margin: 15px 0 10px !important;
}

.included_ticket > div {
  padding: 0 16px !important;
  top: 4px;
}
.included_ticket > div label {
  width: auto !important;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .schedule-ticket .addticket-Fields {
    width: 309px !important;
  }
}
.App {
  position: relative !important;
}
.App div.mce-tinymce.mce-container.mce-panel div.mce-edit-area.mce-container.mce-panel.mce-stack-layout-item.mce-last,
.App div.mce-container-body.mce-stack-layout div.mce-edit-area.mce-container.mce-panel.mce-stack-layout-item.mce-last {
  height: calc(100% - 35px);
}

.mce-tinymce {
  display: block;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0) !important;
  border: none !important;
  border-bottom: 1px solid #cccccc !important;
}

.mce-panel {
  border: none !important;
  background-color: #fff;
}

.mce-container-body .mce-resizehandle {
  width: 100% !important;
}

.mce-container-body .mce-resizehandle i {
  display: none;
}

.ticket-mainQuad .Select.select-followers.has-value .Select-multi-value-wrapper {
  max-height: 35px;
  overflow: hidden;
}
.ticket-mainQuad .Select.select-followers.has-value .Select-multi-value-wrapper:hover {
  overflow: auto;
  max-height: 130px;
  z-index: 11;
  position: absolute;
  left: 0px;
  top: 0px;
  background: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.ticket-mainQuad .Select-menu-outer {
  z-index: 10000 !important;
}
.ticket-mainQuad .Select--multi .Select-clear-zone {
  top: 10px;
  position: absolute;
  right: 36px;
}
.ticket-mainQuad .Select-arrow-zone {
  position: absolute;
  top: 10px;
  right: 0;
}
.ticket-mainQuad .Select--multi .Select-multi-value-wrapper {
  width: 238px;
}
.ticket-mainQuad .select-followers .Select-control {
  position: relative;
  overflow: visible;
  height: 40px !important;
}
.ticket-mainQuad .followers {
  position: absolute;
  left: 0px;
  top: 0px;
  background: white;
  z-index: 10;
  height: 130px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  padding: 10px;
}

.ticket-type-menuitem-text span {
  line-height: normal !important;
}
.ticket-type-menuitem-text svg {
  font-size: 17px;
}

.docker-item-container.ticket .drawer-content {
  overflow: unset;
}
.docker-item-container.ticket .searchTag .select-followers.is-open .Select-menu-outer {
  position: absolute !important;
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
  overflow: hidden !important;
  z-index: 999999999;
}
.docker-item-container.ticket .searchTag .select-followers.is-open .Select-menu-outer > div {
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
  overflow: auto !important;
}

.dialog-text {
  color: #2e2e2e !important;
}

.dialog-heading h1, .dialog-heading h2, .dialog-heading h3, .dialog-heading h4, .dialog-heading h5, .dialog-heading h6 {
  color: #2e2e2e !important;
}

.ticket-column-open {
  border-top: 2px solid orange;
}

.ticket-column-pending {
  border-top: 2px solid red;
}

.ticket-column-others {
  border-top: 2px solid purple;
}

.ticket-column-resolved {
  border-top: 2px solid green;
}

.ticket-card-Open {
  color: #f07d2b;
  font-size: 1.1rem;
  border-top: 2px solid #f07d2b;
}

.ticket-card-Pending {
  color: #f44b3d;
  font-size: 1.1rem;
  border-top: 2px solid #f44b3d;
}

.ticket-card-Others {
  color: #924df4;
  font-size: 1.1rem;
  border-top: 2px solid #924df4;
}

.ticket-card-Resolved {
  font-size: 1.1rem;
  color: #47aa2f;
  border-top: 2px solid #47aa2f;
}

.has-hover-light:hover {
  color: #FFF !important;
}

/*  dialog style style */
.dialog-title {
  background: #eee;
  font-size: 14px !important;
  color: #616161 !important;
  padding: 10px 15px !important;
}

.dialog-content {
  color: #616161 !important;
}
.dialog-content p {
  color: #616161;
}
.dialog-content button * {
  font-size: 12px !important;
}
.dialog-content .material-icons.helpIcon {
  font-size: 48px !important;
  margin-right: 10px;
  float: left;
}
.dialog-content label {
  color: #616161 !important;
}

.dialog-body {
  padding: 15px !important;
  color: #616161 !important;
}

.activity-dialog-attachment {
  overflow-y: hidden !important;
  max-height: 1000px !important;
}

.searchTag .is-open .select-menu-outer {
  width: 200px !important;
}

.text-FieldWidth {
  width: 100%;
}

.mainContact-Quad a {
  color: #0054f4 !important;
  font-weight: 400;
}
.mainContact-Quad * h6 {
  margin: 0;
}
.mainContact-Quad * h3 {
  font-weight: 400;
  text-transform: inherit !important;
  letter-spacing: 0px;
  margin: 0;
  line-height: 26px;
  word-wrap: break-word;
  font-size: 12px !important;
}
.mainContact-Quad .contactBox {
  height: 100%;
  min-height: 150px;
  background: #f7f8f9;
  position: relative;
  padding: 10px 0;
}
.mainContact-Quad .contactBox .location-icon {
  color: #ee462e;
}
.mainContact-Quad .contactBox .addBtn {
  position: relative;
  top: 6px;
  margin-left: 5px;
}
.mainContact-Quad .package-section .packageTitle {
  border-bottom: solid 1px #eee;
  padding-bottom: 5px;
}
.mainContact-Quad .package-section .package-status {
  font-size: 10px !important;
  margin-right: 5px;
  color: #62C669;
}
.mainContact-Quad .package-section .ticketRecord > div {
  display: inline-block;
  width: 15% !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  line-height: 26px;
}
.mainContact-Quad .package-section .ticketRecord .ticketDetail {
  width: 40% !important;
}
.mainContact-Quad .package-section .ticketRecord .ticketStatus {
  width: 15% !important;
}
.mainContact-Quad .package-section .ticketRecord .ticketTime {
  width: 15% !important;
}

.configure-package .equipmentServices .packageTitle {
  border-bottom: solid 1px #eee;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
}
.configure-package .equipmentServices .packageTitle .packageBtn {
  position: absolute;
  right: 10px;
  top: 0;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
*,
:focus {
  outline: none !important;
}

.taxes-table-row * > .taxes-edit-button {
  color: transparent;
}

.taxes-table-row * > .taxes-delete-button {
  color: transparent;
}

.taxes-table-row:hover * > .taxes-edit-button {
  color: green;
}

.taxes-table-row:hover * > .taxes-delete-button {
  color: red;
}

.customModal .modalContent .tabsCustom .userinfoModal .verfiedcls {
  color: #f44336 !important;
}

.customModal .modalContent .tabsCustom .userinfoModal .verfiedcls i {
  font-size: 20px !important;
  color: #f44336 !important;
}

.customModal .modalContent .tabsCustom .userinfoModal .notverfiedcls {
  color: #77dc72 !important;
}

.customModal .modalContent .tabsCustom .userinfoModal .notverfiedcls i {
  font-size: 20px !important;
  color: #77dc72 !important;
}

.sourcedetail_Info:hover .remove_source {
  visibility: visible;
  color: red !important;
  font-size: 18px !important;
}
.sourcedetail_Info svg {
  height: 20px !important;
  width: 20px !important;
  margin: 5px 12px 0 12px !important;
  left: 4px !important;
  fill: #66bb6a !important;
}
.sourcedetail_Info .remove_source {
  visibility: hidden;
  color: red !important;
  position: absolute;
  right: 10px;
  top: 0px;
  font-size: 18px !important;
  backface-visibility: hidden;
  padding: 5px;
}

.new-source {
  font-size: 12px !important;
  width: 80% !important;
}
.new-source input {
  font-size: inherit !important;
}

.save-source {
  vertical-align: middle;
  position: relative;
  left: 20px;
  font-size: 18px;
}

.taxModal[data-reactroot] {
  box-shadow: none !important;
}

.throttle-radioBtn {
  margin-bottom: 190px;
}

.ispLogs {
  height: calc(100vh - 125px) !important;
  padding: 15px;
}

.div-table-row:hover .show-NotificationIcon {
  visibility: visible;
}

.show-NotificationIcon {
  visibility: hidden;
  position: relative;
  right: 40px;
}

.customModal .modalContent .mdl-data-table tbody tr.selected-row td * {
  color: #fff !important;
}

.userSection .cardContent .settings-tbl .on-page-scroll {
  position: sticky;
  top: 0 !important;
  z-index: 97;
  background: #bdbdbd;
  padding-top: 0px;
  width: auto;
  padding-right: 14px;
}

.userSection .cardContent .settings-tbl .table-absolute {
  position: static;
  left: 0px;
  top: -31px;
  min-height: calc(100vh - 311px) !important;
  max-height: calc(100vh - 500px) !important;
  overflow: auto;
}

.userSection .cardContent .settings-tbl .tableHeadVisibility {
  visibility: collapse !important;
}

.multiSelectMenu > div {
  padding: 0px 24px 0px 0px !important;
}

[data-reactroot] > div {
  width: inherit !important;
}

.cardContent .hibernated-color .material-icons {
  color: #006eff !important;
  font-size: 14px;
  padding: 0;
  margin: -7px;
  position: relative;
  top: 3px;
}

.invoicing-btn {
  display: block;
  overflow: hidden;
  padding-right: 15px;
}

.dialog-custombox {
  padding-top: 60px !important;
}
.dialog-custombox .dialog-body {
  min-height: 500px;
}
.dialog-custombox .dialog-body .custom-msg {
  font-size: 12px !important;
}
.dialog-custombox .dialog-body .rdw-editor-main {
  max-height: 450px;
  background: #f2f2f2;
  min-height: 450px;
  padding: 0 10px;
}

.dialog-content .printIcon {
  font-size: 17px !important;
  color: #fff !important;
  vertical-align: middle;
}

.ip-name-width {
  width: 100px;
}

.setting-content a.disable-a {
  color: #616161 !important;
}
.setting-content #title {
  color: inherit;
  background-color: inherit;
  padding: 6px 0 7px;
}

.ip-prefix {
  width: 130px;
}

.ip-prefix-length {
  width: 60px;
}

.ip-id {
  width: 10px;
}

.ip-prefix-length .edit-action-icon {
  left: -54px;
  right: initial !important;
}

.settings-tbl .mdl-data-table.subscriber-tbl tbody tr:hover td.mdl-data-table__cell--icon > div {
  display: block;
  line-height: 9px;
}

.settings-tbl .mdl-data-table.subscriber-tbl td.mdl-data-table__cell--icon > div {
  display: none;
}

.settings-custPopup {
  text-align: left !important;
}
.settings-custPopup div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
  padding: 15px;
}
.settings-custPopup div > div > div:nth-child(1) > div + div {
  text-align: right !important;
}
.settings-custPopup h3 {
  padding: 0 !important;
  font-size: 18px !important;
  color: #616161 !important;
  padding-bottom: 0px !important;
  font-weight: 500 !important;
}

/*.setting-content * {
    font-size: $font-size-12 !important;
  }*/
.setting-content .templateSection button {
  font-size: 12px !important;
}
.setting-content .templateSearch button,
.setting-content .templateSearch input {
  font-size: 12px !important;
}
.setting-content .rdw-editor-toolbar .rdw-dropdown-wrapper {
  font-size: 12px !important;
}
.setting-content .rdw-editor-toolbar .rdw-fontsize-dropdown {
  width: 45px;
}

.tbl-groupBoxes thead tr th {
  border: none !important;
  padding: 6px 10px !important;
}
.tbl-groupBoxes tbody tr td {
  padding: 6px 10px !important;
}
.tbl-groupBoxes .featuredLinks {
  color: #616161 !important;
  font-size: 11px !important;
}
.tbl-groupBoxes .group-addNew {
  font-size: 18px !important;
  position: relative;
}

.setting-content .add-app-user-icon {
  padding-left: 4px;
  font-size: 21px !important;
}

.setting-content .save-cancel-div {
  text-align: right !important;
  display: block !important;
}

.width-auto * label, .ipacessSection .ipaccess .radiogrp .radiobtn * label, .ipacessSection .ipaccess .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radiobtn * label, .packageSection .packageTablist .taxTab .customPackageSetting .ipacessSection .ipaccess .radiogrp_lower .radiobtn * label, .customModal .modalContent .tabsCustom .userinfoModal .technicalSetting .headerTitle > div * label {
  font-size: 12px !important;
}

.setting-content .Setting_section .package-popup .package-list-body .cardContent {
  margin-left: auto !important;
  border: 0 !important;
  min-height: calc(100vh - 61px);
  max-height: calc(100vh - 61px);
  background: transparent !important;
  overflow: auto;
  padding: 15px;
}

.setting-content .Setting_section .package-popup .package-list-body .cardContent.setting-WithTab {
  min-height: calc(100vh - 108px) !important;
  max-height: calc(100vh - 108px) !important;
}

.setting-content .Setting_section .package-popup .package-list-body .cardContent.ticketSection {
  padding: 15px 15px 0px 30px !important;
  height: 100% !important;
}

.setting-content .Setting_section .package-popup .package-list-body .invoiceDefault {
  min-height: calc(100vh - 108px) !important;
  max-height: calc(100vh - 108px) !important;
}

.setting-content .Setting_section .package-popup .package-list-body .merchantAccountSection {
  min-height: calc(100vh - 108px) !important;
  max-height: calc(100vh - 108px) !important;
}

.customModal .modalContent .tabsCustom .userinfoModal * label {
  color: rgba(0, 0, 0, 0.3) !important;
}

.customModal .modalContent .tabsCustom .appUserLogs .div-table-parent {
  height: calc(100vh - 350px) !important;
}

.customModal .modalContent .tabsCustom .userinfoModal *,
.customModal .modalContent .tabsCustom .ipacessSection *,
.customModal .modalContent .tabsCustom .appUserLogs * {
  font-size: 12px !important;
}

.customModal .modalContent .tabsCustom .appUserLogs .buttonSection > span i.material-icons,
.customModal .modalContent .tabsCustom .appUserLogs .searchrow .search-icon i.material-icons {
  font-size: 18px !important;
  padding-left: 8px;
}

.select-RadioContent {
  overflow: hidden;
}

.ticketSection .tabSection span {
  line-height: 1.5;
  letter-spacing: 0.00938em;
}

.setting-content .Setting_section.setting-mainQuad {
  padding: 0;
  margin: 0;
  border: 0 !important;
}
.setting-content .Setting_section.setting-mainQuad input,
.setting-content .Setting_section.setting-mainQuad label,
.setting-content .Setting_section.setting-mainQuad p,
.setting-content .Setting_section.setting-mainQuad h6 {
  font-size: 12px !important;
}
.setting-content .Setting_section.setting-mainQuad h1 span {
  font-size: 56px !important;
}
.setting-content .Setting_section.setting-mainQuad h2 span {
  font-size: 45px !important;
}
.setting-content .Setting_section.setting-mainQuad h3 span {
  font-size: 34px !important;
}
.setting-content .Setting_section.setting-mainQuad h4 span {
  font-size: 24px !important;
}
.setting-content .Setting_section.setting-mainQuad h5 span {
  font-size: 20px !important;
}
.setting-content .Setting_section.setting-mainQuad h6 span {
  font-size: 16px !important;
}
.setting-content .Setting_section.setting-mainQuad .package-list-sidebar {
  font-size: 12px !important;
}
.setting-content .Setting_section.setting-mainQuad .package-list-sidebar div,
.setting-content .Setting_section.setting-mainQuad .package-list-sidebar span {
  font-size: 12px !important;
}
.setting-content .Setting_section.setting-mainQuad .ticketSection .sectionContent.tabSection div {
  font-size: 12px !important;
}

.Setting_section.setting-mainQuad .package-list-sidebar .list-item-container > div > div {
  max-height: 100% !important;
  overflow: hidden;
}

.setting-content .Setting_section.setting-mainQuad .package-list-sidebar .list-item-container .list-title button svg {
  fill: #9e9e9e !important;
  height: 20px !important;
  width: 20px !important;
}

.Setting_section.setting-mainQuad .package-popup {
  border: 0 !important;
  /* border-bottom: solid 1px #ccc !important; */
  margin-left: -15px !important;
  margin-right: -15px !important;
  width: initial !important;
}

.padL15 {
  padding-left: 15px !important;
}

.settingSidenav div div span {
  font-size: 14px !important;
  font-weight: 400 !important;
  min-height: 48px;
}
.settingSidenav div div span div div {
  margin-left: -9px !important;
}
.settingSidenav div div span div div i {
  margin-left: 18px !important;
}
.settingSidenav button {
  right: -3px !important;
}
.settingSidenav a {
  padding-left: 15px;
}

.nav-collapsed .app-sidebar div div span div div button {
  display: none;
}
.nav-collapsed .app-sidebar div div span div div div:last-child {
  display: none;
}

.nav-collapsed .app-sidebar:hover .sidebar-content div div span div div button {
  display: inline-block !important;
}
.nav-collapsed .app-sidebar:hover .sidebar-content div div span div div div:last-child {
  display: inline-block;
}

.popoverMyvisp {
  left: 265px !important;
  width: 70% !important;
}
.popoverMyvisp > div {
  width: 100% !important;
}
.popoverMyvisp .checkboxSectionMyVisp {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding-right: 200px;
  flex-wrap: wrap;
  padding-top: 20px;
}
.popoverMyvisp .checkboxSectionMyVisp .checkbox {
  flex: 0 0 25%;
  display: inline-flex !important;
  margin-bottom: 10px;
}

.customSnackbar > div:first-child {
  height: auto !important;
  line-height: 25px !important;
  white-space: normal;
  word-break: break-all;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

.disabledLink, .packageSection .sectionContent.packageSidenav .addTemplate.disabledLink {
  color: #616161 !important;
}

.fix-width input {
  width: 24px !important;
}

.btn-cls button {
  background-color: #3691eb !important;
}
.btn-cls button span {
  color: #fff !important;
}

.activecls {
  background-color: #e9edfc !important;
}

.clearBg {
  background: none !important;
}

.font, .notificationModal * .modalContent, .taxModal .modalContent {
  font-size: 12px !important;
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

input {
  font-size: 12px !important;
}

.customContainerFuild {
  padding: 0;
}

.removeMarginTop {
  margin-top: 0;
}

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

.pageHeading {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.display-inline, .contentSection .individualSectioninner .checkboxCustom, .packageSection .packageTablist .wirelesshotspotSection .speedLimit .dropdown, .packageSection .packageTablist .wirelesshotspotSection .speedLimit .invoiceDefault .sectionContentText .optionsRow .customdropdown, .invoiceDefault .sectionContentText .optionsRow .packageSection .packageTablist .wirelesshotspotSection .speedLimit .customdropdown, .packageSection .packageTablist .wirelesshotspotSection .speedLimit .textField, .packageSection .packageTablist .wirelesshotspotSection .speedLimit .radiogrp .radiobtn, .packageSection .packageTablist .wirelesshotspotSection .speedLimit .radiogrp, .packageSection .packageTablist .wirelesshotspotSection .speedLimit .taxTab .customPackageSetting .radiogrp_lower, .packageSection .packageTablist .taxTab .customPackageSetting .wirelesshotspotSection .speedLimit .radiogrp_lower, .packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .defaultSection .radiogrp .radiobtn, .packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .defaultSection .taxTab .customPackageSetting .radiogrp_lower .radiobtn, .packageSection .packageTablist .taxTab .customPackageSetting .wirelessacesstimeTab .userBasedBilling .defaultSection .radiogrp_lower .radiobtn, .packageSection .packageTablist .optionsTab .macSection .main_checkbox, .packageSection .packageTablist .optionsTab .onlineSection .online_subsection .online_subsection_row .checkbox, .packageSection .packageTablist .taxTab .contentSection .checkboxSection .checkbox, .packageSection .packageTablist .taxTab .radiogrp .radiobtn, .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radiobtn, .accountingControlSection .checkbox label, .accountingControlSection .checkbox, .merchantAccountSection .paymentOptions .checkboxsection > div, .merchantAccountSection .autoPaySection .radiogrp .radioBtn .label, .merchantAccountSection .autoPaySection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radioBtn .label, .packageSection .packageTablist .taxTab .customPackageSetting .merchantAccountSection .autoPaySection .radiogrp_lower .radioBtn .label, .merchantAccountSection .autoPaySection .radiogrp .radioBtn, .merchantAccountSection .autoPaySection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radioBtn, .packageSection .packageTablist .taxTab .customPackageSetting .merchantAccountSection .autoPaySection .radiogrp_lower .radioBtn, .merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .checkbox label, .merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .checkbox, .merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .subSection .radiogrp .radioBtn label, .merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .subSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radioBtn label, .packageSection .packageTablist .taxTab .customPackageSetting .merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .subSection .radiogrp_lower .radioBtn label, .merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .subSection .radiogrp .radioBtn, .merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .subSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radioBtn, .packageSection .packageTablist .taxTab .customPackageSetting .merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .subSection .radiogrp_lower .radioBtn, .merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .subSection .radiogrp, .merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .subSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower, .packageSection .packageTablist .taxTab .customPackageSetting .merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .subSection .radiogrp_lower, .lateFeeSection .optionSection .checkbox, .lateFeeSection .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .checkbox, .lateFeeSection .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .checkbox, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .checkbox, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .checkbox, .lateFeeSection .radiogrp .radiobtn, .lateFeeSection .radiogrp, .lateFeeSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower, .packageSection .packageTablist .taxTab .customPackageSetting .lateFeeSection .radiogrp_lower, .packageInvoicingSection .radiogrp .radiobtn, .packageInvoicingSection .radiogrp, .packageInvoicingSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower, .packageSection .packageTablist .taxTab .customPackageSetting .packageInvoicingSection .radiogrp_lower, .packageInvoicingSection .checkboxDiv .checkbox, .invoiceDefault .statusSettingSection .subscriberSection .dropdown, .invoiceDefault .radiogrp .radioBtn, .invoiceDefault .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radioBtn, .packageSection .packageTablist .taxTab .customPackageSetting .invoiceDefault .radiogrp_lower .radioBtn, .invoiceDefault .dropdown, .invoiceDefault .sectionContentText .optionsRow .customdropdown, .autoActionSection .deleteSection .sectionContentText label, .autoActionSection .allowSubscriber .radiogrp > div label, .autoActionSection .allowSubscriber .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower > div label, .packageSection .packageTablist .taxTab .customPackageSetting .autoActionSection .allowSubscriber .radiogrp_lower > div label, .autoActionSection .allowSubscriber .radiogrp > div, .autoActionSection .allowSubscriber .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower > div, .packageSection .packageTablist .taxTab .customPackageSetting .autoActionSection .allowSubscriber .radiogrp_lower > div, .autoActionSection .allowSubscriber .radiogrp, .autoActionSection .allowSubscriber .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower, .packageSection .packageTablist .taxTab .customPackageSetting .autoActionSection .allowSubscriber .radiogrp_lower, .autoActionSection .checkbox, .autoActionSection .autoSuspendSection .checkboxCustom, .myVispSection .sectionContent.addPayment .checkbox, .myVispSection .sectionContent.autoPaySection .paySection .checkbox div label, .myVispSection .sectionContent.autoPaySection .paySection .checkbox, .myVispSection .sectionContent.autoPaySection .subsection .toggleBtn, .myVispSection .sectionContent.paymentReminderSection .multi-selectSection .chips, .myVispSection .sectionContent.secondarySection .Secondary .checkbox, .customFieldSection .sectionContent .individualSection .checkboxCustom {
  display: inline-block !important;
  width: auto !important;
}

.headingStyle span, .packageSection .packageTablist .headerTitle span, .notificationModal * .modalContent .sectionContent .headerTitle span, .taxModal .modalContent .taxName .textfield * span, .cardContent .sectionContent .headerTitle span {
  color: #039be6 !important;
  font-weight: 400;
  font-size: 14px !important;
}

.numericField {
  position: relative;
}
.numericField:before {
  position: absolute;
  content: "$";
  bottom: 3px;
}
.numericField input {
  padding-left: 15px !important;
  text-align: right;
  padding-right: 15px !important;
}

.numericFieldStatement {
  position: relative;
}
.numericFieldStatement:before {
  position: absolute;
  content: "$";
  bottom: 3px;
}
.numericFieldStatement input {
  padding-left: 15px !important;
  text-align: right;
  padding-right: 15px !important;
  width: 220px;
}

.numericField0 {
  position: relative;
}
.numericField0:before {
  position: absolute;
  content: "$";
  bottom: -2px;
}
.numericField0 input {
  padding-left: 15px !important;
  text-align: right;
  padding-right: 15px !important;
}

.add-icon {
  height: 18px !important;
  line-height: 18px !important;
  background-color: transparent !important;
}
.add-icon div > span:first-child {
  display: none;
}
.add-icon svg {
  width: 16px !important;
  height: 16px !important;
}

.width-auto, .ipacessSection .ipaccess .radiogrp .radiobtn, .ipacessSection .ipaccess .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radiobtn, .packageSection .packageTablist .taxTab .customPackageSetting .ipacessSection .ipaccess .radiogrp_lower .radiobtn, .customModal .modalContent .tabsCustom .userinfoModal .technicalSetting .headerTitle > div {
  width: auto !important;
}
.width-auto label, .ipacessSection .ipaccess .radiogrp .radiobtn label, .ipacessSection .ipaccess .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radiobtn label, .packageSection .packageTablist .taxTab .customPackageSetting .ipacessSection .ipaccess .radiogrp_lower .radiobtn label, .customModal .modalContent .tabsCustom .userinfoModal .technicalSetting .headerTitle > div label {
  width: auto !important;
}

.validatior > div:nth-child(4) {
  position: absolute !important;
  bottom: -10px !important;
}

.validatior3 > div:nth-child(3) {
  position: absolute !important;
  bottom: -10px !important;
}

.selectfield {
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 10px;
  width: 90px !important;
}

.list-title.selectSection button {
  display: none !important;
}

.percent_textfield {
  position: relative;
}
.percent_textfield:before {
  position: absolute;
  content: "%";
  bottom: 10px;
  right: 0;
}
.percent_textfield input {
  text-align: right;
  padding-right: 20px !important;
}

.width-270 {
  width: 270px !important;
}

.creditCard {
  position: relative;
}
.creditCard span {
  position: absolute;
  right: 5px;
}

.popup-Carddetail .creditCard > div {
  width: 100% !important;
}

.tabsCustom {
  width: 100%;
}
.tabsCustom > div:first-child {
  background-color: #fff !important;
}
.tabsCustom > div:first-child button {
  color: #616161 !important;
  text-transform: capitalize !important;
  font-size: 12px !important;
}
.tabsCustom > div:nth-child(2) div {
  background-color: #3691eb !important;
}

.package-popup .package-list-sidebar .heading {
  color: rgb(0, 188, 212) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  padding: 10px 10px 10px 0;
}
.package-popup .package-list-sidebar .heading > div {
  padding: 0px !important;
}

.package-hover-popup {
  padding: 10px;
  position: fixed;
  left: calc(100vw - 80% + 12.5%) !important;
  background: #fff;
  width: 200px;
  z-index: 99999;
  box-shadow: 0px 3px 6px rgb(221, 221, 221);
  height: auto;
}
.package-hover-popup .heading {
  font-weight: 500;
  font-size: 14px;
}
.package-hover-popup .service-section {
  border: 1px solid rgb(221, 221, 221);
  margin-top: 10px;
  padding-top: 3px;
  padding-left: 10px;
}
.package-hover-popup .service-section .service-heading {
  color: #3691eb;
  margin-bottom: 10px;
  font-weight: 500;
}
.package-hover-popup .service-section .serviceList {
  position: relative;
}
.package-hover-popup .service-section .serviceList .qty {
  position: absolute;
  left: 0;
  min-width: 30px;
  display: inline-block;
}
.package-hover-popup .service-section .serviceList .name {
  padding-left: 40px;
  display: inline-block;
}
.package-hover-popup .pricing-section {
  margin-top: 10px;
  background: #f5f4f4;
  padding-left: 10px;
  padding-top: 3px;
}
.package-hover-popup .pricing-section .heading {
  font-size: 14px;
  font-weight: 500;
}
.package-hover-popup .pricing-section .sub-section {
  padding-top: 10px;
}
.package-hover-popup .pricing-section .sub-section .name {
  min-width: 100px;
  display: inline-block;
  margin-right: 10px;
}

.insertItemsText span {
  color: #777;
}

.Setting_section * a {
  color: #0054f4;
}
.Setting_section * .package-list-body {
  padding: 15px !important;
}
.Setting_section * .sidemenu {
  border-right: 1px solid rgb(221, 221, 221);
}
.Setting_section * .sidemenu .heading {
  font-size: 16px;
  font-weight: 500;
  padding: 15px;
}
.Setting_section * .sidemenu .insertSection > div:first-child {
  padding: 0 !important;
}
.Setting_section * .sidemenu .insertSection .insertListHeading {
  font-size: 14px !important;
  background-color: rgba(204, 204, 204, 0.23) !important;
  border-top: 1px solid rgb(221, 221, 221) !important;
}
.Setting_section * .sidemenu .insertSection .insertListHeading + div {
  background-color: #fafafa !important;
}
.Setting_section * .sidemenu .insertSection svg {
  fill: #616161 !important;
}
.Setting_section * .sidemenu .insertSection .listMenu {
  font-size: 14px !important;
}
.Setting_section * .sidemenu .insertSection .listMenu > div:first-child div {
  margin-left: 0 !important;
}
.Setting_section * .sidemenu .insertSection .listMenu:hover {
  background-color: #d2e5f8 !important;
  font-weight: 500 !important;
}

.accordianSection .accordianCard {
  margin: 0;
  box-shadow: none;
  overflow: visible !important;
  border: none !important;
}
.accordianSection .isActive {
  background-color: #d2e9ff !important;
}
.accordianSection .accordianHeader {
  background-color: #f5f5f5;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
}
.accordianSection .accordianHeader .accordianTitle {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  color: #616161;
  font-weight: 400;
  cursor: pointer;
  line-height: 27px;
}
.accordianSection .accordianHeader .accordianTitle .collapse-icon {
  font-size: 20px;
  vertical-align: text-top;
  padding-right: 7px;
}
.accordianSection .accordianHeader button {
  float: right;
  padding-left: 15px;
  background: transparent;
  border: none;
  outline: none;
}
.accordianSection .accordianHeader button .done {
  font-size: 16px !important;
  color: #77dc72;
}
.accordianSection .accordianHeader button .done:hover {
  cursor: pointer;
}
.accordianSection .accordianHeader button .close {
  padding-right: 20px;
  color: #f44336;
  font-size: 16px !important;
  opacity: 1;
}
.accordianSection .accordianHeader button .close:hover {
  opacity: 1;
}

.cardContent {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.cardContent .sectionContent .headerTitle.headerTitleRegular {
  font-weight: 400 !important;
}
.cardContent .sectionContent .headerTitle span {
  padding: 0 !important;
}
.cardContent .sectionContent .disabledstyle svg {
  fill: #e0e0e0 !important;
}
.cardContent .sectionContent .disabledstyle-label svg {
  fill: rgba(0, 0, 0, 0.3) !important;
}

.equipmentSection .sectionContent {
  padding-bottom: 20px;
}
.equipmentSection .sectionContent .headerTitle {
  padding-bottom: 15px;
}
.equipmentSection .sectionContent .sectionContentText {
  font-size: 16px !important;
  font-weight: 400 !important;
}
.equipmentSection .sectionContent .sectionContentText label {
  color: #616161 !important;
  margin: 0px 5px 0px 0 !important;
}
.equipmentSection .sectionContent .sectionContentText label > span:nth-child(1) {
  height: auto !important;
}
.equipmentSection .sectionContent .sectionContentText input {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
.equipmentSection .sectionContent .sectionContentText .subscriberSublist {
  padding: 0px 0 10px 28px;
}
.equipmentSection .sectionContent .sectionContentText .radioControlInline {
  margin-bottom: -22px;
}
.equipmentSection .sectionContent .sectionContentText .assignedEquipmentSection .assignedEquipmentItems {
  padding-top: 10px;
  display: flex;
  flex-direction: row;
}
.equipmentSection .sectionContent .sectionContentText .assignedEquipmentSection .assignedEquipmentItems .assignedEquipmentItem {
  padding-right: 20px;
}
.equipmentSection .sectionContent .sectionContentText .radioControlInline > div {
  flex-direction: row !important;
}
.equipmentSection .sectionContent .sectionContentText .radioControlInline > div .radioPdL0 span {
  padding-left: 0px !important;
}

.marketingSection .sectionContent .headerTitle {
  margin-bottom: 15px;
}
.marketingSection .sectionContent .sectionContentText label {
  margin-right: 10px !important;
}
.marketingSection .sectionContent .sectionContentText label > span:nth-child(1) {
  height: auto !important;
}
.marketingSection .sectionContent .sectionContentText .checkbox {
  margin-bottom: 15px;
}

.securitySection {
  overflow-x: hidden !important;
}
.securitySection .add_slash:before {
  content: "/";
  display: inline-block;
  vertical-align: bottom;
  position: absolute;
  left: 2px;
}
.securitySection .ipfield {
  width: auto !important;
  max-width: 113px;
}
.securitySection .iplabel {
  width: 50% !important;
}
.securitySection .input-field {
  height: auto !important;
  cursor: pointer !important;
  font-size: 14px !important;
}
.securitySection .input-field input {
  color: #616161 !important;
}
.securitySection .input-field > div > hr {
  bottom: 0 !important;
}
.securitySection .leftContent {
  padding-right: 60px;
}
.securitySection .sectionContentText {
  color: #616161;
}
.securitySection .sectionContentText label {
  color: #616161 !important;
}
.securitySection .sectionContentText .ipDetailsSection {
  margin-top: 15px;
}
.securitySection .sectionContentText .ipDetailsSection .ipSectionHeading {
  color: #9f9f9f;
}
.securitySection .sectionContentText .ipDetailsSection .ipSectionTable {
  margin-top: 10px;
}
.securitySection .sectionContentText .ipDetailsSection .ipSectionTable tr {
  height: 30px !important;
  font-size: 14px !important;
}
.securitySection .sectionContentText .ipDetailsSection .ipSectionTable tr:hover {
  background: none !important;
}
.securitySection .sectionContentText .ipDetailsSection .ipSectionTable tr:nth-child(odd) {
  background: #eeeeee !important;
}
.securitySection .sectionContentText .ipDetailsSection .ipSectionTable tr td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: auto !important;
  line-height: 30px;
  border: 0 !important;
}
.securitySection .sectionContentText .loginWindowSection {
  margin-top: 20px;
  margin-bottom: 30px;
}
.securitySection .sectionContentText .loginWindowSection label {
  margin: 0px !important;
}
.securitySection .sectionContentText .loginWindowSection label > span:nth-child(1) {
  height: auto !important;
}
.securitySection .sectionContentText .loginWindowSection .ipSectionHeading {
  margin-bottom: 10px;
}
.securitySection .sectionContentText .loginWindowSection .customCheckbox svg {
  height: 15px !important;
  width: 35px !important;
  top: 5px !important;
}
.securitySection .sectionContent .creditCardSection {
  margin-bottom: 50px;
}
.securitySection .sectionContent .creditCardSection .info-icon {
  font-size: 20px;
  color: #000;
  margin-left: 10px;
  vertical-align: middle;
}
.securitySection .sectionContent .creditCardSection .radioCustom svg {
  width: 20px !important;
  height: 20px !important;
}
.securitySection .sectionContent .creditCardSection .subscriberRadioBtn {
  margin-top: 20px;
}
.securitySection .sectionContent .creditCardSection .passwordSecuritySection {
  margin-top: 20px;
}
.securitySection .sectionContent .creditCardSection .passwordSecuritySection label {
  margin: 0 !important;
  margin-bottom: 10px !important;
}
.securitySection .sectionContent .creditCardSection .passwordSecuritySection label > span:nth-child(1) {
  height: auto !important;
}
.securitySection .sectionContent .creditCardSection input[type=file] {
  display: none;
}
.securitySection .sectionContent .creditCardSection .fileInput {
  margin-top: 10px;
  padding: 7px 0;
  text-align: center;
  cursor: pointer;
  width: 65px;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #0053f4;
  border: none;
  color: #fff;
}
.securitySection .sectionContent .creditCardSection .checkbox-textfield {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 0 0 50%;
}
.securitySection .sectionContent .creditCardSection .checkbox-textfield .checkbox {
  width: auto !important;
  margin-right: 5px;
}
.securitySection .sectionContent .creditCardSection .checkbox-textfield .checkbox label {
  width: auto !important;
}
.securitySection .sectionContent .creditCardSection .checkbox-textfield .textField {
  width: auto !important;
  height: auto !important;
  font-size: 14px !important;
}
.securitySection .sectionContent .creditCardSection .checkbox-textfield .textField > div:first-child {
  bottom: 0 !important;
}
.securitySection .sectionContent .creditCardSection .checkbox-textfield .textField input {
  padding-left: 6px;
}
.securitySection .sectionContent .creditCardSection .checkbox-textfield .textField > div:last-child hr {
  bottom: 0 !important;
}

.customFieldSection .marginClass {
  margin-bottom: 30px !important;
}
.customFieldSection .sectionContent {
  margin-bottom: 10px;
}
.customFieldSection .sectionContent .additional_Fields label {
  margin: 10px 0 !important;
}
.customFieldSection .sectionContent .additional_Fields label > span {
  width: auto !important;
}
.customFieldSection .sectionContent .individualSection .checkboxCustom {
  vertical-align: middle;
  margin-right: 15px;
}
.customFieldSection .sectionContent .individualSection .checkboxCustom div {
  width: auto !important;
}
.customFieldSection .sectionContent .individualSection .textField {
  width: auto !important;
  cursor: pointer !important;
  height: auto !important;
  margin-bottom: 5px;
  line-height: initial !important;
}
.customFieldSection .sectionContent .individualSection .textField input {
  width: auto !important;
  color: #9f9f9f !important;
}
.customFieldSection .sectionContent .individualSection .textField div > hr {
  bottom: 0 !important;
  border: 0 !important;
}
.customFieldSection .sectionContent .individualSection .textField.custom-width {
  width: 85% !important;
}
.customFieldSection .customSelectField {
  width: 100% !important;
  font-size: 12px !important;
  height: 56px !important;
}
.customFieldSection .customSelectField > label {
  top: 20px !important;
}
.customFieldSection .customSelectField > label + div {
  margin: 0 !important;
}
.customFieldSection .customSelectField button {
  top: 0px !important;
}
.customFieldSection .customSelectField button svg {
  fill: #e0e0e0 !important;
}
.customFieldSection .customSelectField button + div {
  bottom: 9px !important;
}
.customFieldSection .checkboxCustom label {
  width: 100% !important;
  color: rgba(0, 0, 0, 0.3) !important;
}

.timeZoneSection {
  padding-bottom: 15px;
}
.timeZoneSection .dropdown, .timeZoneSection .invoiceDefault .sectionContentText .optionsRow .customdropdown, .invoiceDefault .sectionContentText .optionsRow .timeZoneSection .customdropdown {
  width: 100%;
}
.timeZoneSection .dropdown > div div, .timeZoneSection .invoiceDefault .sectionContentText .optionsRow .customdropdown > div div, .invoiceDefault .sectionContentText .optionsRow .timeZoneSection .customdropdown > div div {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
}
.timeZoneSection .Title {
  font-weight: 400;
  font-size: 14px;
  color: #95989a;
}
.timeZoneSection .Detail {
  font-size: 16px;
  font-weight: 400;
  padding-top: 5px !important;
  padding-bottom: 30px;
}
.timeZoneSection .Detail h6 {
  margin-top: 0px !important;
  font-size: 14px;
}

.ticketSection .EditorCustomClass {
  margin: 20px 0;
}
.ticketSection .EditorCustomClass .rdw-editor-wrapper .DraftEditor-root {
  overflow-y: auto;
  min-height: calc(100vh - 450px);
  max-height: calc(100vh - 450px);
  border-bottom: 1px solid rgb(221, 221, 221);
}
.ticketSection .EditorCustomClass .rdw-editor-wrapper .rdw-colorpicker-modal,
.ticketSection .EditorCustomClass .rdw-editor-wrapper .rdw-link-modal,
.ticketSection .EditorCustomClass .rdw-editor-wrapper .rdw-embedded-modal,
.ticketSection .EditorCustomClass .rdw-editor-wrapper .rdw-emoji-modal,
.ticketSection .EditorCustomClass .rdw-editor-wrapper .rdw-image-modal {
  right: 0 !important;
  left: initial !important;
}
.ticketSection .EditorCustomClass .rdw-editor-wrapper .rdw-colorpicker-modal-style-label {
  padding: 0 9px 5px !important;
}
.ticketSection .tabSection > div > div + div {
  margin: 0px !important;
}
.ticketSection .tabSection .template-list {
  padding: 0px;
}
.ticketSection .tabSection .template-list li:hover > div + div {
  display: block;
}
.ticketSection .tabSection .template-list li > div + div {
  display: none;
}
.ticketSection .tabSection .template-list li div:first-child {
  background: transparent;
}
.ticketSection .tabSection .template-list li:hover {
  background: #e9edfc;
}
.ticketSection .tabSection > div > div > div > div > div > button {
  min-width: 100%;
  margin: 0 !important;
}
.ticketSection .tabSection span:last-child {
  width: 100%;
}
.ticketSection .tabSection .tabsCustom > div:first-child {
  border-bottom: 1px solid #ccc;
}
.ticketSection .tabSection .tabsCustom button > div * {
  align-items: left !important;
  padding-left: 16px;
}
.ticketSection .tabSection .tabsCustom > div:last-child .templateSection .addTemplate {
  background: transparent;
  text-align: left;
  border: none;
  width: 100%;
  padding: 15px;
  border-bottom: 1px solid rgb(221, 221, 221);
  color: #3691eb;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.ticketSection .tabSection .tabsCustom > div:last-child .templateSection .addTemplate:focus {
  outline: none;
}
.ticketSection .tabSection .tabsCustom > div:last-child .templateSection .addTemplate .add-icon {
  vertical-align: middle;
  font-size: 20px;
  padding-right: 10px;
  color: #3691eb;
}
.ticketSection .tabSection .tabsCustom > div:last-child .templateSection .templateList {
  min-height: calc(100vh - 175px);
  max-height: calc(100vh - 175px) !important;
  overflow: auto;
}
.ticketSection .tabSection .tabsCustom > div:last-child .templateSection .templateList .listItems {
  color: #616161 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
}
.ticketSection .tabSection .tabsCustom > div:last-child .templateSection .templateList .listItems .deleteIcon {
  display: none !important;
  font-size: 17px;
}
.ticketSection .tabSection .tabsCustom > div:last-child .templateSection .templateList .listItems:hover {
  background-color: #e9edfc !important;
}
.ticketSection .tabSection .tabsCustom > div:last-child .templateSection .templateList .listItems:hover .deleteIcon {
  display: block !important;
}
.ticketSection .tabSection .tabsCustom > div:last-child .insertSection > div:first-child {
  padding: 0 !important;
}
.ticketSection .tabSection .tabsCustom > div:last-child .insertSection .insertListHeading {
  border-bottom: 1px solid rgb(221, 221, 221) !important;
  background: rgba(204, 204, 204, 0.23) !important;
}
.ticketSection .tabSection .tabsCustom > div:last-child .insertSection .insertListHeading + div {
  background-color: #fafafa !important;
  height: 250px;
  overflow: auto;
}
.ticketSection .tabSection .tabsCustom > div:last-child .insertSection .listMenu:hover {
  background: rgba(0, 0, 0, 0.05) !important;
}
.ticketSection .tabSection .tabsCustom > div:last-child .insertSection svg {
  fill: #9e9e9e !important;
  height: 20px !important;
  width: 20px !important;
}
.ticketSection .tabSection .tabsCustom > div:last-child .insertSection .listMenu > div:first-child div {
  margin-left: 0 !important;
}
.ticketSection .tabSection .insertSection {
  min-height: calc(100vh - 125px);
  max-height: calc(100vh - 125px) !important;
  overflow: auto;
}
.ticketSection .clientInvoiceSection {
  border-left: 1px solid #cccccc;
}
.ticketSection .clientInvoiceSection .headerTitle {
  padding: 15px;
  border-bottom: 1px solid rgb(221, 221, 221);
}
.ticketSection .clientInvoiceSection .email-typecontent {
  overflow: hidden !important;
}
.ticketSection .clientInvoiceSection .templateSearchInput input {
  border: none;
}
.ticketSection .clientInvoiceSection .templateSearch {
  border-bottom: 1px solid rgb(221, 221, 221);
  padding-left: 15px;
  padding-right: 15px;
}
.ticketSection .clientInvoiceSection .templateSearch button {
  border: none;
  color: #95989a;
  padding: 0 10px 0 0;
  background: none;
  border: 0;
}
.ticketSection .clientInvoiceSection .templateSearch button:hover {
  background-color: #fff;
  color: #95989a;
}
.ticketSection .clientInvoiceSection .templateSearch button:active {
  background-color: #fff;
}
.ticketSection .clientInvoiceSection .templateSearch button:focus {
  outline: none;
  box-shadow: none;
}
.ticketSection .clientInvoiceSection .templateSearch input {
  border: none;
}
.ticketSection .clientInvoiceSection .templateSearch .templatename {
  width: auto !important;
}
.ticketSection .clientInvoiceSection .templateSearch .templatename > div:nth-child(2) > hr {
  border: 0 !important;
}

.userSection {
  padding: 0 15px 15px;
}
.userSection .newUserBtn {
  float: right;
  margin-top: 5px;
  margin-right: 20px;
}
.userSection .tabsCustom > div:first-child {
  width: 20% !important;
}
.userSection .tabsCustom > div:nth-child(2) {
  width: 20% !important;
}
.userSection .tabsCustom > div:last-child {
  border-top: 1px solid rgb(221, 221, 221);
}
.userSection .tabsCustom .searchrow {
  position: relative;
}
.userSection .tabsCustom .searchrow .search {
  width: 100% !important;
}
.userSection .tabsCustom .searchrow .search input {
  padding-left: 30px !important;
}
.userSection .tabsCustom .searchrow .search-icon {
  position: absolute;
  left: 15px;
  color: rgb(221, 221, 221);
  top: 15px;
}
.userSection .tabsCustom .activeUserSection {
  padding-top: 10px;
  padding-bottom: 20px;
}
.userSection .tabsCustom .activeUserSection .checkbox {
  float: right;
  margin-right: 10px;
  width: auto !important;
  margin-top: 3px;
}
.userSection .tabsCustom .activeUserSection .checkbox label {
  width: auto !important;
}
.userSection .tabsCustom .activeUserSection .count {
  float: right;
}
.userSection .tabsCustom .activeUserSection .count span {
  background-color: #eee;
}
.userSection .tabsCustom .appuser {
  height: calc(100vh - 124px) !important;
}

.customModal {
  padding-top: 0 !important;
  top: 1% !important;
}
.customModal .modalContent {
  margin: auto !important;
  max-width: 986px !important;
}
.customModal .modalContent > div:first-child > div:first-child {
  padding: 0 !important;
}
.customModal .modalContent .tabsCustom > div:first-child {
  background-color: #eee !important;
  padding-right: 30%;
}
.customModal .modalContent .tabsCustom > div:nth-child(2) {
  width: 70% !important;
}
.customModal .modalContent .tabsCustom .save_close button span {
  color: #fff !important;
}
.customModal .modalContent .tabsCustom .button > div:first-child button {
  font-size: 12px !important;
  background-color: #3691eb !important;
}
.customModal .modalContent .tabsCustom .button > div:first-child button span {
  color: #fff !important;
}
.customModal .modalContent .tabsCustom .button > div:nth-child(3) {
  margin-left: 15px;
}
.customModal .modalContent .tabsCustom .button > div:nth-child(3) button {
  font-size: 12px !important;
  background-color: rgb(245, 248, 249) !important;
}
.customModal .modalContent .tabsCustom .button > div:nth-child(3) button span {
  color: rgb(149, 152, 154) !important;
}
.customModal .modalContent .tabsCustom .userinfoModal {
  padding: 15px 25px !important;
}
.customModal .modalContent .tabsCustom .userinfoModal .appUserInfo .headerTitle span {
  font-size: 14px !important;
  color: #039be6 !important;
}
.customModal .modalContent .tabsCustom .userinfoModal .appUserInfo .sectionContentText .text-field {
  width: 100% !important;
}
.customModal .modalContent .tabsCustom .userinfoModal .appUserInfo .sectionContentText .text-field.password {
  position: relative;
}
.customModal .modalContent .tabsCustom .userinfoModal .appUserInfo .sectionContentText .text-field.password > div:first-child {
  width: 100% !important;
}
.customModal .modalContent .tabsCustom .userinfoModal .appUserInfo .sectionContentText .text-field.password > div:first-child label {
  padding-right: 110px;
}
.customModal .modalContent .tabsCustom .userinfoModal .appUserInfo .sectionContentText .pswdStrength, .customModal .modalContent .tabsCustom .userinfoModal .appUserInfo .sectionContentText .pswdStrengthBottom {
  position: absolute !important;
  bottom: 35px !important;
  right: 15px;
  width: 100px !important;
}
.customModal .modalContent .tabsCustom .userinfoModal .appUserInfo .sectionContentText .pswdStrengthBottom {
  bottom: 35px !important;
}
.customModal .modalContent .tabsCustom .userinfoModal .technicalSetting {
  margin-top: 20px;
}
.customModal .modalContent .tabsCustom .userinfoModal .technicalSetting .headerTitle > div {
  display: inline-block !important;
  vertical-align: middle;
  margin-left: 20px;
}
.customModal .modalContent .tabsCustom .userinfoModal .technicalSetting .sectionContentText .text-field {
  width: 100% !important;
}
.customModal .modalContent .tabsCustom .userinfoModal .technicalSetting .sectionContentText .text-field:nth-child(2) {
  margin-top: 15px;
  margin-bottom: 15px;
}
.customModal .modalContent .tabsCustom .userinfoModal .technicalSetting .sectionContentText .createAccount {
  font-size: 12px !important;
  color: #9f9f9f !important;
  margin: 15px 0 5px 0px;
}
.customModal .modalContent .tabsCustom .userinfoModal .technicalSetting .sectionContentText .createAccount a {
  font-size: 14px !important;
  color: #0057ff !important;
}
.customModal .modalContent .tabsCustom .userinfoModal .technicalSetting .sectionContentText .createAccount a.disabledLink {
  color: #616161 !important;
  pointer-events: none !important;
  cursor: default !important;
}
.customModal .modalContent .tabsCustom .appUserLogs {
  padding: 15px;
}
.customModal .modalContent .tabsCustom .appUserLogs .searchrow {
  position: relative;
}
.customModal .modalContent .tabsCustom .appUserLogs .searchrow .search {
  width: 90% !important;
}
.customModal .modalContent .tabsCustom .appUserLogs .searchrow .search input {
  padding-left: 30px !important;
}
.customModal .modalContent .tabsCustom .appUserLogs .searchrow .search-icon {
  position: absolute;
  left: 15px;
  color: rgb(221, 221, 221);
  top: 15px;
}
.customModal .modalContent .tabsCustom .appUserLogs .buttonSection {
  display: flex;
  margin-top: 5px;
  margin-bottom: 20px;
  position: relative;
}
.customModal .modalContent .tabsCustom .appUserLogs .buttonSection > span {
  position: absolute;
  top: 10px;
}
.customModal .modalContent .tabsCustom .appUserLogs .buttonSection .categoryBtn {
  min-width: 50px !important;
  border: 1px solid rgb(221, 221, 221);
  margin-right: -1px;
  box-shadow: none !important;
}
.customModal .modalContent .tabsCustom .appUserLogs .buttonSection .categoryBtn span {
  text-transform: capitalize !important;
}
.customModal .modalContent .tabsCustom .appUserLogs .buttonSection .dropdownBtn {
  height: 38px !important;
  border: 1px solid #cccccc;
  padding-top: 0px;
  border-right: none;
  width: 31% !important;
}
.customModal .modalContent .tabsCustom .appUserLogs .buttonSection .dropdownBtn > div:first-child > div:nth-last-child(2) {
  display: none;
}
.customModal .modalContent .tabsCustom .appUserLogs .buttonSection .dropdownBtn > div:first-child > div:nth-child(2) {
  height: 38px !important;
  line-height: 38px !important;
  font-size: 14px !important;
  padding-left: 30px !important;
  color: #3691eb !important;
}
.customModal .modalContent .tabsCustom .appUserLogs .buttonSection .dropdownBtn button {
  right: 0 !important;
  top: -7px !important;
}
.customModal .modalContent .tabsCustom .appUserLogs .tableSection {
  margin-bottom: 30px;
}

.myVispSection .radioBtnCreditCard > input:first-child {
  width: 25px !important;
  height: 25px !important;
}
.myVispSection .radioBtnCreditCard > input:first-child + div > div:first-child {
  margin-top: 8px;
}
.myVispSection .icon {
  cursor: default !important;
}
.myVispSection .add-icon svg {
  fill: #3691eb !important;
}
.myVispSection .add-icon span {
  color: #3691eb !important;
}
.myVispSection #clickDiv {
  border-bottom: 1px solid #e5e5e5;
}
.myVispSection .removePadding label + div {
  padding-top: 0 !important;
}
.myVispSection .sectionPartition .headerTitle {
  margin-bottom: 15px;
}
.myVispSection .sectionContent .cardDetail .icon-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
}
.myVispSection .sectionContent .cardDetail .icon-row > span i {
  font-size: 20px !important;
  margin-right: 15px;
  margin-top: 15px;
}
.myVispSection .sectionContent .cardDetail .icon-row.threeCol > div:nth-child(3) {
  margin-left: 30px;
  margin-right: 30px;
}
.myVispSection .sectionContent .cardDetail .icon-row.nestedSection {
  align-items: stretch !important;
  justify-content: flex-start !important;
}
.myVispSection .sectionContent .cardDetail .icon-row.nestedSection span {
  align-self: flex-start;
}
.myVispSection .sectionContent .cardDetail .icon-row.nestedSection .subSection {
  width: 100%;
  overflow: hidden;
}
.myVispSection .sectionContent .cardDetail .icon-row.nestedSection .subSection .address-line-div {
  margin-bottom: 15px;
}
.myVispSection .sectionContent .cardDetail .icon-row .subcol {
  display: flex;
  flex-direction: row;
  align-self: flex-start;
}
.myVispSection .sectionContent .cardDetail .icon-row .subcol.dropdown > div, .myVispSection .sectionContent .cardDetail .icon-row .invoiceDefault .sectionContentText .optionsRow .subcol.customdropdown > div, .invoiceDefault .sectionContentText .optionsRow .myVispSection .sectionContent .cardDetail .icon-row .subcol.customdropdown > div {
  flex: 1;
}
.myVispSection .sectionContent .cardDetail .icon-row .subcol.threeCol > div:nth-child(2) {
  margin-left: 30px;
  margin-right: 30px;
}
.myVispSection .sectionContent .cardDetail .icon-row .subcol.creditCardSectionDiv {
  margin-top: 20px;
}
.myVispSection .sectionContent .cardDetail .icon-row .subcol.creditCardSectionDiv .creditCardCancelBtn {
  padding-top: 0 !important;
  padding-bottom: 10px;
  align-self: flex-end !important;
  font-size: 12px !important;
}
.myVispSection .sectionContent .cardDetail .icon-row .subcol.creditCardSectionDiv > div {
  flex: 0 0 !important;
}
.myVispSection .sectionContent .cardDetail .icon-row .subcol.creditCardSectionDiv .checkbox {
  align-self: flex-end;
  margin-bottom: 10px;
}
.myVispSection .sectionContent .cardDetail .icon-row .subcol .checkboxCustom {
  display: inline-flex !important;
  align-self: center;
}
.myVispSection .sectionContent .cardDetail .icon-row .customSelect button svg {
  fill: #e3e3e3 !important;
}
.myVispSection .sectionContent .cardDetail .custom-row {
  padding-top: 10px;
}
.myVispSection .sectionContent .cardDetail .custom-row .label {
  margin-bottom: 10px;
  font-size: 11px;
  color: #039be6;
}
.myVispSection .sectionContent .cardDetail .custom-row .sectionWrapper {
  display: flex;
  flex-direction: row;
}
.myVispSection .sectionContent .cardDetail .custom-row .sectionWrapper label {
  margin: 0px !important;
}
.myVispSection .sectionContent .cardDetail .custom-row .sectionWrapper .radiogrp, .myVispSection .sectionContent .cardDetail .custom-row .sectionWrapper .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower, .packageSection .packageTablist .taxTab .customPackageSetting .myVispSection .sectionContent .cardDetail .custom-row .sectionWrapper .radiogrp_lower {
  flex-direction: column;
}
.myVispSection .sectionContent .cardDetail .custom-row .sectionWrapper .radiogrp div label, .myVispSection .sectionContent .cardDetail .custom-row .sectionWrapper .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower div label, .packageSection .packageTablist .taxTab .customPackageSetting .myVispSection .sectionContent .cardDetail .custom-row .sectionWrapper .radiogrp_lower div label {
  width: auto !important;
}
.myVispSection .sectionContent .cardDetail .custom-row .sectionWrapper .text-field {
  flex-direction: column;
  flex: 2;
  vertical-align: top;
  padding-left: 40px;
}
.myVispSection .sectionContent .cardDetail .custom-row .sectionWrapper .text-field > div {
  font-size: 14px !important;
  height: auto !important;
  margin-bottom: 11px;
  margin-top: 9px;
}
.myVispSection .sectionContent .cardDetail .custom-row .sectionWrapper .text-field > div > div hr {
  bottom: 0 !important;
}
.myVispSection .sectionContent .cardDetail .addDiv {
  padding-left: 0px;
  margin-bottom: 15px;
}
.myVispSection .sectionContent.secondarySection {
  background-color: #fafafa;
  padding-top: 15px;
}
.myVispSection .sectionContent.secondarySection .Secondary > span {
  float: left;
}
.myVispSection .sectionContent.secondarySection .Secondary .checkbox {
  margin-left: 25px;
  width: auto !important;
  top: -3px;
}
.myVispSection .sectionContent.secondarySection .Secondary .checkbox div > div:first-child {
  margin-right: 6px !important;
}
.myVispSection .sectionContent.secondarySection .Secondary .checkbox label {
  width: auto !important;
  font-size: 12px;
  color: #616161 !important;
}
.myVispSection .sectionContent.paymentReminderSection .twoFields > div:nth-child(2) {
  margin-left: 25px;
}
.myVispSection .sectionContent.paymentReminderSection .multi-selectSection {
  padding-top: 30px;
  position: relative;
}
.myVispSection .sectionContent.paymentReminderSection .multi-selectSection .label {
  margin-bottom: 10px;
  font-size: 11px;
  color: #9f9f9f;
}
.myVispSection .sectionContent.paymentReminderSection .multi-selectSection .chips {
  float: left;
  margin-bottom: 10px !important;
  margin-right: 5px !important;
  background-color: #f7f7f7 !important;
}
.myVispSection .sectionContent.paymentReminderSection .multi-selectSection .chips span {
  vertical-align: bottom;
}
.myVispSection .sectionContent.paymentReminderSection .multi-selectSection .popup {
  padding: 15px;
  background-color: #fff;
  z-index: 9;
  width: 100%;
  position: absolute;
  height: 460px;
  overflow: auto;
  left: 0;
  box-shadow: 2px 2px 10px -1px #000;
}
.myVispSection .sectionContent.autoPaySection .subsection {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  padding-top: 20px;
}
.myVispSection .sectionContent.autoPaySection .subsection .toggleBtn {
  padding-right: 10px;
}
.myVispSection .sectionContent.autoPaySection .subsection .dropdown, .myVispSection .sectionContent.autoPaySection .subsection .invoiceDefault .sectionContentText .optionsRow .customdropdown, .invoiceDefault .sectionContentText .optionsRow .myVispSection .sectionContent.autoPaySection .subsection .customdropdown {
  height: 17px !important;
}
.myVispSection .sectionContent.autoPaySection .subsection .dropdown div > div:nth-child(2), .myVispSection .sectionContent.autoPaySection .subsection .invoiceDefault .sectionContentText .optionsRow .customdropdown div > div:nth-child(2), .invoiceDefault .sectionContentText .optionsRow .myVispSection .sectionContent.autoPaySection .subsection .customdropdown div > div:nth-child(2) {
  height: auto !important;
  line-height: 17px !important;
}
.myVispSection .sectionContent.autoPaySection .subsection .dropdown div button, .myVispSection .sectionContent.autoPaySection .subsection .invoiceDefault .sectionContentText .optionsRow .customdropdown div button, .invoiceDefault .sectionContentText .optionsRow .myVispSection .sectionContent.autoPaySection .subsection .customdropdown div button {
  top: -15px !important;
  right: 8px !important;
}
.myVispSection .sectionContent.autoPaySection .subsection .dropdown div > div:nth-child(3), .myVispSection .sectionContent.autoPaySection .subsection .invoiceDefault .sectionContentText .optionsRow .customdropdown div > div:nth-child(3), .invoiceDefault .sectionContentText .optionsRow .myVispSection .sectionContent.autoPaySection .subsection .customdropdown div > div:nth-child(3) {
  top: 25px !important;
}
.myVispSection .sectionContent.autoPaySection .paySection {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  padding-top: 30px;
  padding-left: 50px;
}
.myVispSection .sectionContent.autoPaySection .paySection .checkbox div {
  display: inline-block !important;
  vertical-align: text-top;
}
.myVispSection .sectionContent.autoPaySection .paySection .dropdown, .myVispSection .sectionContent.autoPaySection .paySection .invoiceDefault .sectionContentText .optionsRow .customdropdown, .invoiceDefault .sectionContentText .optionsRow .myVispSection .sectionContent.autoPaySection .paySection .customdropdown {
  height: 30px !important;
}
.myVispSection .sectionContent.autoPaySection .paySection .dropdown div > div:nth-child(2), .myVispSection .sectionContent.autoPaySection .paySection .invoiceDefault .sectionContentText .optionsRow .customdropdown div > div:nth-child(2), .invoiceDefault .sectionContentText .optionsRow .myVispSection .sectionContent.autoPaySection .paySection .customdropdown div > div:nth-child(2) {
  height: auto !important;
  line-height: 20px !important;
}
.myVispSection .sectionContent.autoPaySection .paySection .dropdown div button, .myVispSection .sectionContent.autoPaySection .paySection .invoiceDefault .sectionContentText .optionsRow .customdropdown div button, .invoiceDefault .sectionContentText .optionsRow .myVispSection .sectionContent.autoPaySection .paySection .customdropdown div button {
  top: -12px !important;
}
.myVispSection .sectionContent.autoPaySection .paySection .dropdown div > div:nth-child(3), .myVispSection .sectionContent.autoPaySection .paySection .invoiceDefault .sectionContentText .optionsRow .customdropdown div > div:nth-child(3), .invoiceDefault .sectionContentText .optionsRow .myVispSection .sectionContent.autoPaySection .paySection .customdropdown div > div:nth-child(3) {
  top: 25px !important;
}
.myVispSection .sectionContent.payementMethod {
  padding-left: 60px;
}
.myVispSection .sectionContent.payementMethod .subcol {
  max-width: 810px;
}
.myVispSection .sectionContent.payementMethod .addDiv {
  margin-left: -15px;
  display: inline-block;
  margin-top: 10px;
}
.myVispSection .sectionContent.tableSection .headerTitle {
  position: relative;
}
.myVispSection .sectionContent.tableSection .headerTitle .calenderInput {
  position: absolute;
  right: 18px;
  top: 0;
  pointer-events: none;
  border-width: 0px 0px 1px;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: solid;
  border-left-style: initial;
  border-color: initial;
  border-image: initial;
  border-radius: 0px;
  background-color: rgb(255, 255, 255);
  color: rgb(97, 97, 97) !important;
  font-weight: 600;
}
.myVispSection .sectionContent.tableSection .headerTitle > div {
  display: inline-block;
  float: right;
}
.myVispSection .sectionContent.tableSection .headerTitle > div .calendar-container .col_mp:hover {
  background-color: rgba(33, 150, 243, 0.18) !important;
  color: rgb(97, 97, 97) !important;
}
.myVispSection .sectionContent.tableSection .headerTitle > div .calendar-container .selected_cell {
  background-color: rgba(33, 150, 243, 0.18) !important;
  color: rgb(97, 97, 97) !important;
}
.myVispSection .sectionContent.tableSection .headerTitle > div input {
  text-indent: -99px;
  color: white;
  border: none;
  width: 130px;
  cursor: pointer;
}
.myVispSection .sectionContent.tableSection .headerTitle > div input:focus {
  outline: none;
}
.myVispSection .sectionContent.tableSection .calender {
  float: right;
  border-radius: 5px;
  background-color: #eee;
  color: #3691eb;
  font-weight: 600;
}
.myVispSection .sectionContent.tableSection input[type=month]::-webkit-clear-button {
  -webkit-appearance: none !important;
  display: none !important;
}
.myVispSection .sectionContent.tableBalanceSection {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgb(221, 221, 221);
}
.myVispSection .sectionContent.tableBalanceSection .balance {
  float: right;
  margin-top: 12px !important;
  font-weight: 500;
  font-size: 16px;
}
.myVispSection .sectionContent.tableBalanceSection .payNow {
  margin-left: 15px;
}
.myVispSection .sectionContent.tableBalanceSection .payNow span {
  font-size: 12px !important;
}
.myVispSection .sectionContent.addPayment .icon-row {
  align-items: flex-start !important;
  justify-content: flex-start !important;
}
.myVispSection .sectionContent.addPayment .icon-row label + div {
  width: 80px !important;
  height: 22px !important;
  margin-left: 5px;
}
.myVispSection .sectionContent.addPayment .icon-row label + div > div > hr {
  bottom: 0px !important;
}

.payNowPopup > div:first-child > div:first-child {
  width: 50% !important;
}
.payNowPopup .payNowHeader {
  background-color: #000;
  padding: 5px 15px !important;
  font-size: 16px !important;
  color: #fff !important;
}
.payNowPopup .payNowContent * {
  font-size: 12px !important;
}
.payNowPopup .address_echeck {
  padding-top: 12px;
}
.payNowPopup .color_red label {
  color: #f44336 !important;
}
.payNowPopup .payNowContent {
  padding: 0 20px 20px !important;
}
.payNowPopup .payNowContent .cardContent {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.payNowPopup .payNowContent .cardContent .creditCard span {
  right: 0 !important;
  top: 33px;
}
.payNowPopup .payNowContent .cardContent .label-text, .payNowPopup .payNowContent .cardContent .towerCoverageSection .sectionContent .sectionContentText .lowerSecttion .leftSection .label-content, .towerCoverageSection .sectionContent .sectionContentText .lowerSecttion .leftSection .payNowPopup .payNowContent .cardContent .label-content {
  vertical-align: super;
  margin-bottom: 13px;
  color: rgba(0, 0, 0, 0.87);
}
.payNowPopup .cancelBtn {
  background-color: #f5f8f9 !important;
  font-size: 12px !important;
}
.payNowPopup .cancelBtn span {
  font-size: 12px !important;
}
.payNowPopup .okBtn {
  margin-right: 10px !important;
}
.payNowPopup .okBtn span {
  font-size: 12px !important;
}
.payNowPopup .payNowFooter .amount {
  color: #6ebb5f;
  padding-top: 10px;
  padding-left: 15px;
}

.autoActionSection {
  position: relative;
}
.autoActionSection label {
  margin: 0 !important;
}
.autoActionSection label span {
  height: auto !important;
}
.autoActionSection .subsection label span {
  height: auto !important;
}
.autoActionSection .width46 {
  width: 46% !important;
}
.autoActionSection .autoSuspendSection {
  padding-bottom: 15px;
}
.autoActionSection .autoSuspendSection.sectionContentText .checkboxLabel {
  font-size: 12px !important;
  padding-top: 15px;
}
.autoActionSection .autoSuspendSection.sectionContentText .checkboxLabel input {
  height: 50% !important;
}
.autoActionSection .autoSuspendSection.sectionContentText .dropdownSection {
  width: 40%;
  height: 45px !important;
  padding-left: 20px;
}
.autoActionSection .autoSuspendSection .checkboxCustom label {
  width: auto !important;
}
.autoActionSection .autoSuspendSection .dropdownCustom {
  display: inline-block;
}
.autoActionSection .autoSuspendSection .dropdownCustom span {
  vertical-align: super;
}
.autoActionSection .autoSuspendSection .autoSuspendText {
  padding-left: 40px;
}
.autoActionSection .autoSuspendSection .autoSuspendText label {
  margin: 0px !important;
}
.autoActionSection .autoSuspendSection .autoSuspendText label > div {
  margin: 0 8px !important;
}
.autoActionSection .dropdown, .autoActionSection .invoiceDefault .sectionContentText .optionsRow .customdropdown, .invoiceDefault .sectionContentText .optionsRow .autoActionSection .customdropdown {
  height: 30px !important;
  vertical-align: text-top;
}
.autoActionSection .dropdown > div div:nth-child(2), .autoActionSection .invoiceDefault .sectionContentText .optionsRow .customdropdown > div div:nth-child(2), .invoiceDefault .sectionContentText .optionsRow .autoActionSection .customdropdown > div div:nth-child(2) {
  height: auto !important;
  line-height: 20px !important;
}
.autoActionSection .dropdown button, .autoActionSection .invoiceDefault .sectionContentText .optionsRow .customdropdown button, .invoiceDefault .sectionContentText .optionsRow .autoActionSection .customdropdown button {
  top: -12px !important;
}
.autoActionSection .contentDrop {
  height: 25px !important;
}
.autoActionSection .contentDrop > div div:nth-child(2) {
  height: auto !important;
  line-height: 22px !important;
}
.autoActionSection .contentDrop button {
  top: -17px !important;
}
.autoActionSection .numericField {
  line-height: 25px !important;
}
.autoActionSection .numericField hr {
  bottom: 12px !important;
}
.autoActionSection .checkbox {
  vertical-align: middle;
}
.autoActionSection .subscriberSection .sectionContentText {
  padding-bottom: 15px;
}
.autoActionSection .allowSubscriber label {
  margin: 0px !important;
}
.autoActionSection .allowSubscriber .text-field {
  max-width: 80px;
  margin-right: 10px;
}
.autoActionSection .allowSubscriber .text-field input {
  text-align: right;
}
.autoActionSection .allowSubscriber .text-field > div:nth-child(3) {
  position: absolute !important;
  bottom: -10px !important;
}
.autoActionSection .allowSubscriber .radiogrp, .autoActionSection .allowSubscriber .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower, .packageSection .packageTablist .taxTab .customPackageSetting .autoActionSection .allowSubscriber .radiogrp_lower {
  vertical-align: middle;
  padding-left: 15px;
}
.autoActionSection .allowSubscriber .radiogrp > div, .autoActionSection .allowSubscriber .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower > div, .packageSection .packageTablist .taxTab .customPackageSetting .autoActionSection .allowSubscriber .radiogrp_lower > div {
  padding-right: 20px;
  float: left;
}
.autoActionSection .deleteSection .sectionContentText {
  padding-top: 10px;
  padding-bottom: 30px;
}
.autoActionSection .deleteSection .sectionContentText .dropdown, .autoActionSection .deleteSection .invoiceDefault .sectionContentText .optionsRow .customdropdown, .invoiceDefault .autoActionSection .deleteSection .sectionContentText .optionsRow .customdropdown {
  vertical-align: super;
}
.invoicingSection > div > div + div {
  margin: 0px !important;
}
.invoicingSection label {
  margin: 0px !important;
}
.invoicingSection .tabsCustom > div:first-child {
  border-bottom: 1px solid #e9eef5;
}
.invoicingSection .invoicing-btn {
  display: block;
  overflow: hidden;
  padding-right: 15px;
}
.invoicingSection .overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}
.invoicingSection .cardLabel {
  font-size: 12px;
  color: #9f9f9f;
  padding-bottom: 12px;
}

.prorateOptionsSection {
  padding-top: 25px;
}
.prorateOptionsSection a {
  text-decoration: underline;
}
.prorateOptionsSection .sectionContentText {
  padding-top: 15px;
}
.prorateOptionsSection .sectionContentText .optionsSection {
  padding-top: 20px;
  position: relative;
  padding-bottom: 20px;
  padding-left: 15px;
}
.prorateOptionsSection .sectionContentText .optionsSection .first-option {
  padding-bottom: 10px;
}
.prorateOptionsSection .sectionContentText .optionsSection .first-option .popup {
  max-width: 550px;
  padding: 10px;
  background-color: #fff;
  z-index: 9999;
  position: absolute;
  top: 35px;
  left: 200px;
  box-shadow: 2px 2px 10px -1px #000;
}
.prorateOptionsSection .sectionContentText .optionsSection .first-option .popup label {
  margin-bottom: 10px !important;
}
.prorateOptionsSection .sectionContentText .optionsSection .first-option .popup .prorate_Exemption {
  margin-left: 10px !important;
}
.prorateOptionsSection .sectionContentText .optionsSection .first-option .popup .heading {
  color: #039be6;
  font-weight: 500;
}
.prorateOptionsSection .sectionContentText .optionsSection .first-option .popup .heading span {
  float: right;
  cursor: pointer;
}
.prorateOptionsSection .sectionContentText .optionsSection .first-option .popup .heading span .material-icons {
  color: red;
  font-size: 18px !important;
}
.prorateOptionsSection .sectionContentText .optionsSection .first-option.second-option .popup {
  left: 300px;
  top: 65px;
}
.prorateOptionsSection .sectionContentText .optionsSection .first-option.third-option {
  padding-bottom: 0;
}
.prorateOptionsSection .sectionContentText .optionsSection .first-option.third-option .popup {
  left: 400px;
  top: 92px;
}

.multiSelectMenu > div > div {
  padding-left: 40px !important;
  padding-right: 0px !important;
}
.multiSelectMenu svg {
  width: 20px !important;
  height: 20px !important;
  left: 10px !important;
}
.multiSelectMenu svg + div {
  font-size: 14px !important;
}

.invoiceDefault {
  padding-top: 25px;
}
.invoiceDefault .cardLabel {
  padding-top: 10px;
  padding-bottom: 10px;
}
.invoiceDefault label {
  margin-bottom: 10px !important;
  vertical-align: sub !important;
}
.invoiceDefault .shift-btn input + div > div:first-child {
  top: -3px;
}
.invoiceDefault .dropdownWidth {
  width: 130px !important;
}
.invoiceDefault .subSection {
  margin-top: 10px;
}
.invoiceDefault .subSection .radiogrp .radioBtn input + div > div:first-child, .invoiceDefault .subSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radioBtn input + div > div:first-child, .packageSection .packageTablist .taxTab .customPackageSetting .invoiceDefault .subSection .radiogrp_lower .radioBtn input + div > div:first-child {
  align-self: center;
}
.invoiceDefault .subSection .radiogrp .radioBtn:first-child input, .invoiceDefault .subSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radioBtn:first-child input, .packageSection .packageTablist .taxTab .customPackageSetting .invoiceDefault .subSection .radiogrp_lower .radioBtn:first-child input {
  width: 5% !important;
}
.invoiceDefault .radiogrp .radioBtn, .invoiceDefault .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radioBtn, .packageSection .packageTablist .taxTab .customPackageSetting .invoiceDefault .radiogrp_lower .radioBtn {
  padding-right: 35px;
}
.invoiceDefault .radiogrp .radioBtn label, .invoiceDefault .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radioBtn label, .packageSection .packageTablist .taxTab .customPackageSetting .invoiceDefault .radiogrp_lower .radioBtn label {
  width: auto !important;
}
.invoiceDefault .rowSection {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.invoiceDefault .rowSection > div:first-child {
  align-self: center;
}
.invoiceDefault .sectionContentText .radiogrp .radiobtn, .invoiceDefault .sectionContentText .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radiobtn, .packageSection .packageTablist .taxTab .customPackageSetting .invoiceDefault .sectionContentText .radiogrp_lower .radiobtn {
  float: left;
  padding-right: 30px;
}
.invoiceDefault .sectionContentText .radiogrp .radiobtn label, .invoiceDefault .sectionContentText .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radiobtn label, .packageSection .packageTablist .taxTab .customPackageSetting .invoiceDefault .sectionContentText .radiogrp_lower .radiobtn label {
  width: auto !important;
}
.invoiceDefault .sectionContentText .optionsRow {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
}
.invoiceDefault .sectionContentText .optionsRow .checkbox {
  align-self: flex-end;
  width: auto !important;
  padding-right: 70px;
}
.invoiceDefault .sectionContentText .optionsRow .checkbox label {
  width: auto !important;
}
.invoiceDefault .sectionContentText .optionsRow .middleSection {
  display: flex;
  flex-direction: row;
}
.invoiceDefault .sectionContentText .optionsRow .customdropdown label {
  min-width: 115px;
}
.invoiceDefault .sectionContentText .custom-popup {
  position: relative;
  padding-bottom: 30px;
}
.invoiceDefault .sectionContentText .custom-popup .close {
  float: right;
  cursor: pointer;
  font-size: 18px !important;
  color: red !important;
}
.invoiceDefault .sectionContentText .custom-popup .cardLabel {
  padding-top: 10px;
}
.invoiceDefault .sectionContentText .custom-popup .dropdown-icon {
  vertical-align: middle;
  color: #e0e0e0;
  position: absolute;
  padding-left: 10px;
  right: 15px;
}
.invoiceDefault .sectionContentText .custom-popup .popup {
  position: absolute;
  z-index: 9999;
  background-color: #fff;
  box-shadow: 2px 4px 10px -1px #000;
  left: 0;
  min-width: 380px;
  padding: 5px;
}
.invoiceDefault .statusSettingSection .cardLabel {
  padding-top: 15px;
}
.invoiceDefault .statusSettingSection .customDrop {
  height: 44px !important;
}
.invoiceDefault .statusSettingSection .subscriber-icon, .invoiceDefault .statusSettingSection .subscriberSection .red, .invoiceDefault .statusSettingSection .subscriberSection .yellow, .invoiceDefault .statusSettingSection .subscriberSection .green {
  vertical-align: sub;
  padding-right: 10px;
  top: 1px;
  font-size: 18px !important;
}
.invoiceDefault .statusSettingSection .subscriberSection {
  padding-top: 15px;
}
.invoiceDefault .statusSettingSection .subscriberSection > div {
  padding-bottom: 10px;
}
.invoiceDefault .statusSettingSection .subscriberSection > div:nth-child(2) span {
  vertical-align: sub;
}
.invoiceDefault .statusSettingSection .subscriberSection .green {
  color: #6ebb5f;
}
.invoiceDefault .statusSettingSection .subscriberSection .yellow {
  color: #fcb831;
}
.invoiceDefault .statusSettingSection .subscriberSection .red {
  color: #ee462e;
}
.invoiceDefault .statusSettingSection .subscriberSection .dropdown, .invoiceDefault .statusSettingSection .subscriberSection .sectionContentText .optionsRow .customdropdown, .invoiceDefault .sectionContentText .optionsRow .statusSettingSection .subscriberSection .customdropdown {
  vertical-align: middle;
  margin-left: 10px;
  width: 90px !important;
  margin-right: 10px;
}
.invoiceDefault .statusSettingSection .subscriberSection .radiogrp, .invoiceDefault .statusSettingSection .subscriberSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower, .packageSection .packageTablist .taxTab .customPackageSetting .invoiceDefault .statusSettingSection .subscriberSection .radiogrp_lower {
  padding-top: 15px;
  padding-left: 25px;
  padding-bottom: 0;
}
.invoiceDefault .statusSettingSection .subscriberSection .checkbox {
  font-size: 12px;
  padding-left: 50px;
}
.invoiceDefault .statusSettingSection .subscriberSection .custom-popup {
  padding-bottom: 30px !important;
  padding-left: 30px !important;
}
.invoiceDefault .unpaidSection {
  padding-bottom: 30px;
}
.invoiceDefault .unpaidSection .sectionContentText {
  padding-top: 15px;
}
.invoiceDefault .unpaidSection .sectionContentText .radiogrp, .invoiceDefault .unpaidSection .sectionContentText .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower, .packageSection .packageTablist .taxTab .customPackageSetting .invoiceDefault .unpaidSection .sectionContentText .radiogrp_lower {
  padding-left: 40px;
}
.invoiceDefault .unpaidSection .sectionContentText .radiogrp .radioBtn, .invoiceDefault .unpaidSection .sectionContentText .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radioBtn, .packageSection .packageTablist .taxTab .customPackageSetting .invoiceDefault .unpaidSection .sectionContentText .radiogrp_lower .radioBtn {
  padding-right: 50px;
}
.invoiceDefault .invoiceItemSection .sectionContentText {
  margin-top: 15px;
  margin-bottom: 30px;
}

.packageInvoicingSection {
  min-height: calc(100vh - 108px) !important;
  max-height: calc(100vh - 108px) !important;
}
.packageInvoicingSection label {
  margin-bottom: 10px !important;
  margin-right: 10px !important;
}
.packageInvoicingSection .checkboxDiv .checkbox {
  float: left;
  padding-right: 40px;
}
.packageInvoicingSection .checkboxDiv .checkbox label {
  width: auto !important;
}
.packageInvoicingSection .radiogrp, .packageInvoicingSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower, .packageSection .packageTablist .taxTab .customPackageSetting .packageInvoicingSection .radiogrp_lower {
  padding-top: 15px;
}
.packageInvoicingSection .radiogrp .radiobtn, .packageInvoicingSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radiobtn, .packageSection .packageTablist .taxTab .customPackageSetting .packageInvoicingSection .radiogrp_lower .radiobtn {
  padding-right: 25px;
}
.packageInvoicingSection .radiogrp .radiobtn label, .packageInvoicingSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radiobtn label, .packageSection .packageTablist .taxTab .customPackageSetting .packageInvoicingSection .radiogrp_lower .radiobtn label {
  width: auto !important;
}
.packageInvoicingSection .suspend_inactive_section {
  padding-bottom: 20px;
}
.packageInvoicingSection .suspend_inactive_section .headerTitle {
  margin-bottom: 15px !important;
}
.packageInvoicingSection .suspend_inactive_section .radiogrpsection {
  padding-top: 15px;
}
.packageInvoicingSection .suspend_inactive_section .checkboxDiv {
  padding-left: 40px;
}
.packageInvoicingSection .reserving_changes {
  padding-bottom: 20px;
}
.packageInvoicingSection .reserving_changes .sectionContentText {
  padding-top: 15px;
}
.packageInvoicingSection .reserving_changes .sectionContentText .cardLabel {
  padding-top: 0;
}
.packageInvoicingSection .reserving_changes .sectionContentText .radiogrp, .packageInvoicingSection .reserving_changes .sectionContentText .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower, .packageSection .packageTablist .taxTab .customPackageSetting .packageInvoicingSection .reserving_changes .sectionContentText .radiogrp_lower {
  padding-top: 5px;
}
.packageInvoicingSection .due_date_section .sectionContentText {
  padding-top: 15px;
}
.packageInvoicingSection .due_date_section .sectionContentText .cardLabel {
  padding-bottom: 10px;
}
.packageInvoicingSection .due_date_section .checkboxSection {
  padding-top: 10px;
  padding-left: 40px;
}

.paperInvoiceSection {
  padding-top: 11px;
}
.paperInvoiceSection label {
  margin-bottom: 10px !important;
  margin-right: 10px !important;
}
.paperInvoiceSection .addFeeSection {
  padding-top: 15px;
}
.paperInvoiceSection .addFeeSection .dropdownSection {
  padding-top: 10px;
}
.paperInvoiceSection .addFeeSection .dropdownSection .dropdown, .paperInvoiceSection .addFeeSection .dropdownSection .invoiceDefault .sectionContentText .optionsRow .customdropdown, .invoiceDefault .sectionContentText .optionsRow .paperInvoiceSection .addFeeSection .dropdownSection .customdropdown {
  width: 100% !important;
}
.paperInvoiceSection .checkboxSection {
  padding-top: 20px;
}
.paperInvoiceSection .checkboxSection .checkbox {
  padding-bottom: 5px;
}
.paperInvoiceSection .dropdownlast {
  margin-left: 40px;
  padding-bottom: 30px;
}

.lateFeeSection {
  min-height: calc(100vh - 108px) !important;
  max-height: calc(100vh - 108px) !important;
}
.lateFeeSection label {
  margin-bottom: 10px !important;
}
.lateFeeSection .lateDrop {
  height: 40px !important;
  width: 90px !important;
}
.lateFeeSection .lateDrop > div + div > div > div + div {
  height: 52px !important;
  line-height: 52px !important;
}
.lateFeeSection .dropdownlast {
  vertical-align: middle;
  margin-left: 5px;
}
.lateFeeSection .dropdownlast > div:nth-child(2) > div:first-child > div:nth-child(2) {
  top: -7px !important;
}
.lateFeeSection .dropdownlast > div:nth-child(3) hr {
  bottom: 16px !important;
}
.lateFeeSection .radiogrp, .lateFeeSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower, .packageSection .packageTablist .taxTab .customPackageSetting .lateFeeSection .radiogrp_lower {
  padding-top: 15px;
}
.lateFeeSection .radiogrp .radiobtn, .lateFeeSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radiobtn, .packageSection .packageTablist .taxTab .customPackageSetting .lateFeeSection .radiogrp_lower .radiobtn {
  padding-right: 80px;
}
.lateFeeSection .radiogrp .radiobtn label, .lateFeeSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radiobtn label, .packageSection .packageTablist .taxTab .customPackageSetting .lateFeeSection .radiogrp_lower .radiobtn label {
  width: auto !important;
}
.lateFeeSection .sectionContentText .software_label {
  display: inline-block;
}
.lateFeeSection .sectionContentText .itemDescription {
  top: 7px;
  vertical-align: text-bottom;
}
.lateFeeSection .sectionContentText .itemDescription > div:nth-child(4) {
  position: absolute !important;
  bottom: -10px !important;
}
.lateFeeSection .byDefaultSection label {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.lateFeeSection .byDefaultSection .radiogrp, .lateFeeSection .byDefaultSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower, .packageSection .packageTablist .taxTab .customPackageSetting .lateFeeSection .byDefaultSection .radiogrp_lower {
  padding-left: 20px;
  margin-top: -15px;
}
.lateFeeSection .byDefaultSection .balanceFwrdDiv {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 40px;
}
.lateFeeSection .byDefaultSection .balanceFwrdDiv .text_field {
  width: 7% !important;
}
.lateFeeSection .byDefaultSection .balanceFwrdDiv .balanceDiv {
  display: inline-block;
}
.lateFeeSection .byDefaultSection .balanceFwrdDiv .balanceDiv .text_field {
  width: 20% !important;
  margin-left: 10px;
}
.lateFeeSection .byDefaultSection .balanceFwrdDiv .balanceDiv .text_field > div:nth-child(3) {
  position: absolute !important;
  bottom: -10px !important;
}
.lateFeeSection .optionSection, .lateFeeSection .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower, .lateFeeSection .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower {
  padding-left: 40px;
  padding-bottom: 30px;
}
.lateFeeSection .optionSection .textfield, .lateFeeSection .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .textfield, .lateFeeSection .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .textfield, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .textfield, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .textfield {
  width: auto !important;
  height: auto;
  margin-left: 15px;
  margin-right: 15px;
  width: 90px !important;
}
.lateFeeSection .optionSection .textfield > div:nth-child(3) hr, .lateFeeSection .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .textfield > div:nth-child(3) hr, .lateFeeSection .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .textfield > div:nth-child(3) hr, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .textfield > div:nth-child(3) hr, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .textfield > div:nth-child(3) hr {
  bottom: 0 !important;
}
.lateFeeSection .optionSection .textfield > div:nth-child(3), .lateFeeSection .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .textfield > div:nth-child(3), .lateFeeSection .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .textfield > div:nth-child(3), .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .textfield > div:nth-child(3), .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .textfield > div:nth-child(3) {
  position: absolute !important;
  bottom: -15px !important;
}
.lateFeeSection .optionSection .textfield.numericField hr, .lateFeeSection .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .textfield.numericField hr, .lateFeeSection .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .textfield.numericField hr, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .textfield.numericField hr, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .textfield.numericField hr {
  bottom: 10px !important;
}
.lateFeeSection .optionSection .checkbox, .lateFeeSection .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .checkbox, .lateFeeSection .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .checkbox, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .checkbox, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .checkbox {
  vertical-align: middle;
}
.lateFeeSection .optionSection .checkbox label, .lateFeeSection .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .checkbox label, .lateFeeSection .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .checkbox label, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .checkbox label, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .checkbox label {
  width: auto !important;
}
.lateFeeSection .optionSection .dropdown.excludeSubscriber, .lateFeeSection .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .dropdown.excludeSubscriber, .lateFeeSection .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .dropdown.excludeSubscriber, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .dropdown.excludeSubscriber, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .dropdown.excludeSubscriber, .lateFeeSection .optionSection .invoiceDefault .sectionContentText .optionsRow .excludeSubscriber.customdropdown, .lateFeeSection .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .invoiceDefault .sectionContentText .optionsRow .excludeSubscriber.customdropdown, .lateFeeSection .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .invoiceDefault .sectionContentText .optionsRow .excludeSubscriber.customdropdown, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .invoiceDefault .sectionContentText .optionsRow .excludeSubscriber.customdropdown, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .invoiceDefault .sectionContentText .optionsRow .excludeSubscriber.customdropdown, .invoiceDefault .sectionContentText .optionsRow .lateFeeSection .optionSection .excludeSubscriber.customdropdown, .invoiceDefault .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionsRow .lateFeeSection .optionSectionLower .excludeSubscriber.customdropdown, .invoiceDefault .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionsRow .lateFeeSection .optionSectionLower .excludeSubscriber.customdropdown, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .invoiceDefault .sectionContentText.speedLimits .optionsRow .lateFeeSection .optionSectionLower .excludeSubscriber.customdropdown, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .invoiceDefault .sectionContentText.speedLimits .optionsRow .lateFeeSection .optionSectionLower .excludeSubscriber.customdropdown {
  padding-left: 5px;
  margin-right: 20px;
  vertical-align: middle;
  height: auto !important;
  width: 90px !important;
}
.lateFeeSection .optionSection .dropdown.excludeSubscriber > div:last-child hr, .lateFeeSection .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .dropdown.excludeSubscriber > div:last-child hr, .lateFeeSection .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .dropdown.excludeSubscriber > div:last-child hr, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .dropdown.excludeSubscriber > div:last-child hr, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .dropdown.excludeSubscriber > div:last-child hr, .lateFeeSection .optionSection .invoiceDefault .sectionContentText .optionsRow .excludeSubscriber.customdropdown > div:last-child hr, .lateFeeSection .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .invoiceDefault .sectionContentText .optionsRow .excludeSubscriber.customdropdown > div:last-child hr, .lateFeeSection .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .invoiceDefault .sectionContentText .optionsRow .excludeSubscriber.customdropdown > div:last-child hr, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .invoiceDefault .sectionContentText .optionsRow .excludeSubscriber.customdropdown > div:last-child hr, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .invoiceDefault .sectionContentText .optionsRow .excludeSubscriber.customdropdown > div:last-child hr, .invoiceDefault .sectionContentText .optionsRow .lateFeeSection .optionSection .excludeSubscriber.customdropdown > div:last-child hr, .invoiceDefault .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionsRow .lateFeeSection .optionSectionLower .excludeSubscriber.customdropdown > div:last-child hr, .invoiceDefault .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionsRow .lateFeeSection .optionSectionLower .excludeSubscriber.customdropdown > div:last-child hr, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .invoiceDefault .sectionContentText.speedLimits .optionsRow .lateFeeSection .optionSectionLower .excludeSubscriber.customdropdown > div:last-child hr, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .invoiceDefault .sectionContentText.speedLimits .optionsRow .lateFeeSection .optionSectionLower .excludeSubscriber.customdropdown > div:last-child hr {
  bottom: 22px !important;
}
.lateFeeSection .optionSection .checkboxSection .text-field, .lateFeeSection .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .checkboxSection .text-field, .lateFeeSection .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .checkboxSection .text-field, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .checkboxSection .text-field, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .checkboxSection .text-field {
  width: auto !important;
  position: relative;
}
.lateFeeSection .optionSection .checkboxSection .text-field:before, .lateFeeSection .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .checkboxSection .text-field:before, .lateFeeSection .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .checkboxSection .text-field:before, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .checkboxSection .text-field:before, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .checkboxSection .text-field:before {
  content: "$";
  position: absolute;
  bottom: 10px;
}
.lateFeeSection .optionSection .checkboxSection .text-field input, .lateFeeSection .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .checkboxSection .text-field input, .lateFeeSection .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .checkboxSection .text-field input, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .checkboxSection .text-field input, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .lateFeeSection .optionSectionLower .checkboxSection .text-field input {
  padding-left: 15px !important;
}

.taxSection {
  min-height: calc(100vh - 108px) !important;
  max-height: calc(100vh - 108px) !important;
  position: relative;
}
.taxSection .lowerTableSection {
  position: absolute;
  bottom: 20px;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.taxSection .lowerTableSection .addNew {
  display: inline-block;
}
.taxSection .lowerTableSection .checkbox label {
  width: auto !important;
}
.taxSection .taxes-divtable .div-table-parent {
  height: calc(100vh - 238px) !important;
}

.taxModal {
  max-width: 1126px;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}
.taxModal .total-taxtext {
  color: #e57373;
}
.taxModal .modalHeader {
  background-color: #f0f0f0;
  padding-top: 15px !important;
  line-height: normal !important;
  padding-bottom: 15px !important;
  padding-left: 25px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.taxModal .modalHeader + div {
  overflow-y: auto !important;
  padding: 0 !important;
}
.taxModal .modalContent * {
  font-size: 12px !important;
}
.taxModal .modalContent * button {
  font-size: 12px !important;
}
.taxModal .modalContent * .material-icons {
  font-size: 18px !important;
}
.taxModal .modalContent {
  padding: 0 25px;
}
.taxModal .modalContent .taxName .textfield * {
  font-size: 12px !important;
}
.taxModal .modalContent .taxName .textfield * input {
  color: #039be6 !important;
}
.taxModal .modalContent .dropdownSection {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.taxModal .modalContent .dropdownSection .dropdown, .taxModal .modalContent .dropdownSection .invoiceDefault .sectionContentText .optionsRow .customdropdown, .invoiceDefault .sectionContentText .optionsRow .taxModal .modalContent .dropdownSection .customdropdown {
  margin-right: 40px;
  font-size: 12px !important;
  width: 25% !important;
}
.taxModal .modalContent .dropdownSection .autocomplete {
  width: 100% !important;
}
.taxModal .modalContent .dropdownSection .textfield {
  margin-right: 40px;
  width: 25% !important;
}
.taxModal .modalContent .dropdownSection .textfield input {
  font-size: 12px !important;
}
.taxModal .modalContent .dropdownSection .closeBtn {
  align-self: center;
  cursor: pointer;
}
.taxModal .modalContent .addBtn {
  font-size: 18px !important;
  vertical-align: middle;
  padding-right: 5px;
  color: #3691eb;
}
.taxModal .add_remove_btn {
  float: left;
}
.taxModal .add_remove_btn span {
  font-size: 12px !important;
}
.taxModal .cancelBtn {
  background-color: #f5f8f9 !important;
  font-size: 12px !important;
}
.taxModal .cancelBtn span {
  font-size: 12px !important;
}
.taxModal .okBtn {
  margin-right: 10px !important;
  background-color: #3691eb !important;
}
.taxModal .okBtn span {
  color: #fff !important;
  font-size: 12px !important;
}

.addTaxModal {
  top: 15% !important;
}
.addTaxModal > div > div:first-child {
  max-width: 560px !important;
}
.addTaxModal .modalHeader {
  border-bottom: 1px solid rgb(221, 221, 221);
  padding-top: 10px !important;
  line-height: normal !important;
  padding-bottom: 10px !important;
  padding-left: 15px !important;
  font-size: 14px !important;
}
.addTaxModal .modalHeader + div {
  overflow-y: auto !important;
  padding: 0 !important;
}
.addTaxModal .modalContent {
  padding: 20px 15px 0;
}
.addTaxModal .modalContent .optionWrapper {
  font-size: 12px !important;
  font-weight: 400 !important;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.addTaxModal .modalContent .optionWrapper .checkbox {
  flex: 0 0 33.33333%;
  display: inline-flex !important;
}
.addTaxModal .cancelBtn {
  background-color: #f5f8f9 !important;
  font-size: 12px !important;
}
.addTaxModal .cancelBtn span {
  font-size: 12px !important;
}
.addTaxModal .okBtn {
  margin-right: 10px !important;
  background-color: #3691eb !important;
}
.addTaxModal .okBtn span {
  color: #fff !important;
  font-size: 12px !important;
}

.notificationSection {
  margin-left: auto !important;
  border: 0 !important;
  height: calc(100vh - 61px);
  background: transparent !important;
  overflow: auto;
  padding: 15px !important;
  overflow-x: hidden !important;
}
.notificationSection .on-page-scroll {
  top: 0px !important;
  width: auto !important;
}
.notificationSection .table-absolute {
  min-height: calc(100vh - 311px) !important;
  max-height: calc(100vh - 500px) !important;
}
.notificationSection .tableHeadVisibility {
  visibility: collapse !important;
}
.notificationSection .addBtn {
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
}
.notificationSection .addBtn button {
  background-color: #00bfa5 !important;
}
.notificationSection .addBtn button span {
  color: #fff !important;
}

.notificationModal * .modalContent {
  padding: 15px;
}
.notificationModal * .modalContent .sectionContent .user-detail {
  font-size: 12px !important;
  padding-top: 5px;
}
.notificationModal * .modalContent .checkboxSection {
  padding-top: 15px;
}
.notificationModal * .modalContent .checkboxSection .checkbox-subSection .rowSection {
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.notificationModal * .modalContent .checkboxSection .checkbox-subSection .rowSection .innerCheckbox {
  flex: 0 0 33.33333%;
  display: inline-flex !important;
  padding-bottom: 15px;
}
.notificationModal * .modalHeader {
  padding-top: 10px !important;
  padding-left: 15px !important;
  padding-bottom: 10px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background-color: #f0f0f0;
  line-height: 16px !important;
}
.notificationModal * .modalHeader .materialIconFont {
  font-family: "Material Icons !important";
  font-size: "20px !important";
}
.notificationModal * .modalHeader + div {
  overflow-y: auto !important;
  width: 100%;
  padding: 0 !important;
}
.notificationModal * .btn, .notificationModal .okBtn .okBtn button, .notificationModal .resetBtn .resetBtn button {
  background-color: #3691eb !important;
}
.notificationModal * .btn span, .notificationModal .okBtn .okBtn button span, .notificationModal .resetBtn .resetBtn button span {
  color: #fff !important;
}
.notificationModal * .resetBtn {
  float: left;
}
.notificationModal * .okBtn {
  margin-right: 10px;
  font-size: 12px !important;
}
.notificationModal * .okBtn button {
  font-size: 12px !important;
  background-color: #3691eb !important;
}

.deleteNotificationModal > div > div > div {
  padding: 20px !important;
}
.deleteNotificationModal > div > div > div > div {
  padding: 0 !important;
  color: #616161 !important;
}
.deleteNotificationModal .deleteModalContent {
  text-align: center;
}
.deleteNotificationModal .deleteModalContent .reporticon {
  padding-right: 10px;
}
.deleteNotificationModal .deleteModalContent .reporticon i {
  vertical-align: bottom;
  color: #edc82e;
}
.deleteNotificationModal .deleteModalfooter {
  text-align: center !important;
}
.deleteNotificationModal .deleteModalfooter .okBtn {
  margin-right: 20px;
}
.deleteNotificationModal .deleteModalfooter .okBtn button {
  background-color: #3691eb !important;
}
.deleteNotificationModal .deleteModalfooter .okBtn button span {
  color: #fff !important;
  font-size: 12px !important;
}
.deleteNotificationModal .deleteModalfooter .cancelBtn * {
  font-size: 12px !important;
}

.paymentSection > div > div + div {
  margin: 0px !important;
}
.paymentSection .tabsCustom > div:first-child {
  border-bottom: 1px solid #e9eef5;
}
.paymentSection .tabsCustom > div:first-child button {
  font-weight: 400 !important;
}

.merchantAccountSection {
  padding-top: 25px;
}
.merchantAccountSection .radiogrp .radioBtn label, .merchantAccountSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radioBtn label, .packageSection .packageTablist .taxTab .customPackageSetting .merchantAccountSection .radiogrp_lower .radioBtn label {
  width: auto !important;
}
.merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText {
  padding-top: 15px;
}
.merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .subSection {
  padding-left: 40px;
}
.merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .subSection .merchantDetail {
  vertical-align: bottom;
  height: 46px !important;
}
.merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .subSection .merchantDetail > div > div {
  bottom: 8px !important;
}
.merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .subSection .userSection .textfeild {
  margin-right: 30px;
}
.merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .dropdown, .merchantAccountSection .merchantServiceSection.sectionContent .invoiceDefault .sectionContentText .optionsRow .customdropdown, .invoiceDefault .merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .optionsRow .customdropdown {
  vertical-align: bottom;
}
.merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .transaction_date {
  vertical-align: super;
}
.merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .contactInfo {
  padding-top: 10px;
}
.merchantAccountSection .merchantServiceSection.sectionContent .sectionContentText .dropmenu hr {
  bottom: 14px !important;
}
.merchantAccountSection .autoPaySection .radiogrp .radioBtn, .merchantAccountSection .autoPaySection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radioBtn, .packageSection .packageTablist .taxTab .customPackageSetting .merchantAccountSection .autoPaySection .radiogrp_lower .radioBtn {
  margin-right: 25px;
}
.merchantAccountSection .autoPaySection .radiogrp .radioBtn .label, .merchantAccountSection .autoPaySection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radioBtn .label, .packageSection .packageTablist .taxTab .customPackageSetting .merchantAccountSection .autoPaySection .radiogrp_lower .radioBtn .label {
  width: auto !important;
}
.merchantAccountSection .autoPaySection.sectionContent {
  padding-top: 30px;
}
.merchantAccountSection .autoPaySection.sectionContent .sectionContentText {
  padding-top: 15px;
}
.merchantAccountSection .autoPaySection.sectionContent .sectionContentText .subSection {
  padding-top: 10px;
}
.merchantAccountSection .autoPaySection.sectionContent .sectionContentText .subSection .checkboxes {
  float: left;
  min-width: 115px;
  margin-right: 10px;
}
.merchantAccountSection .payPalSection, .merchantAccountSection .paymentOptions {
  margin-top: 50px;
  margin-bottom: 20px;
  padding-left: 30px;
}
.merchantAccountSection .payPalSection .headerTitle, .merchantAccountSection .paymentOptions .headerTitle {
  margin-bottom: 20px;
}
.merchantAccountSection .payPalSection .subSection, .merchantAccountSection .paymentOptions .subSection {
  padding-left: 40px;
  padding-top: 10px;
}
.merchantAccountSection .paymentOptions {
  padding-left: 30px;
}
.merchantAccountSection .paymentOptions .checkboxsection {
  margin-top: 20px;
  margin-bottom: 50px;
}
.merchantAccountSection .paymentOptions .checkboxsection > div {
  margin-right: 40px;
}
.merchantAccountSection .paymentOptions .checkboxsection > div .label {
  width: auto !important;
}

.pastDueProtectionSection {
  min-height: calc(100vh - 108px) !important;
  max-height: calc(100vh - 108px) !important;
}
.pastDueProtectionSection .sectionContent label {
  margin-bottom: 10px !important;
}
.pastDueProtectionSection .sectionContent .sectionContentText {
  padding-top: 15px;
}
.pastDueProtectionSection .sectionContent .sectionContentText .subSection {
  padding-left: 40px;
  padding-bottom: 30px;
}
.pastDueProtectionSection .sectionContent .sectionContentText .subSection .dropdown, .pastDueProtectionSection .sectionContent .invoiceDefault .sectionContentText .subSection .optionsRow .customdropdown, .invoiceDefault .pastDueProtectionSection .sectionContent .sectionContentText .subSection .optionsRow .customdropdown, .pastDueProtectionSection .sectionContent .invoiceDefault .sectionContentText .optionsRow .subSection .customdropdown, .invoiceDefault .pastDueProtectionSection .sectionContent .sectionContentText .optionsRow .subSection .customdropdown {
  width: auto !important;
  vertical-align: middle;
  margin-left: 10px;
}
.pastDueProtectionSection .sectionContent .sectionContentText .subSection .dropmenu hr {
  bottom: 14px !important;
}
.pastDueProtectionSection .sectionContent .sectionContentText .subSection .textfield {
  width: 350px !important;
}
.pastDueProtectionSection .sectionContent .sectionContentText .subSection .textfieldSection {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.pastDueProtectionSection .sectionContent .sectionContentText .subSection .textfieldSection > div {
  margin-right: 20px;
  position: relative !important;
  width: 15% !important;
}
.pastDueProtectionSection .sectionContent .sectionContentText .subSection .textfieldSection > div:before {
  position: absolute;
  content: "$";
  bottom: 10px;
}
.pastDueProtectionSection .sectionContent .sectionContentText .subSection .textfieldSection > div input {
  padding-left: 15px !important;
  text-align: right;
  font-size: 14px !important;
}

.accountingControlSection {
  min-height: calc(100vh - 108px) !important;
  max-height: calc(100vh - 108px) !important;
}
.accountingControlSection label {
  margin-bottom: 10px !important;
}
.accountingControlSection .dropdown, .accountingControlSection .invoiceDefault .sectionContentText .optionsRow .customdropdown, .invoiceDefault .sectionContentText .optionsRow .accountingControlSection .customdropdown {
  vertical-align: middle;
  margin-left: 10px;
}
.accountingControlSection .checkbox {
  vertical-align: middle;
}
.accountingControlSection .accountingWrapper.sectionContent {
  padding-bottom: 20px;
}
.accountingControlSection .accountingWrapper .payment-AccountingControls {
  vertical-align: text-top !important;
}
.accountingControlSection .statementWrapper {
  padding-bottom: 30px;
}
.accountingControlSection .statementWrapper.sectionContent .sectionContentText {
  padding-top: 15px;
}
.accountingControlSection .statementWrapper.sectionContent .sectionContentText .checkboxSection > div:first-child {
  padding-bottom: 10px;
}
.accountingControlSection .statementWrapper.sectionContent .sectionContentText .checkboxSection > div:nth-child(2) {
  margin-top: 1px;
}
.accountingControlSection .statementWrapper.sectionContent .sectionContentText .checkboxSection a {
  vertical-align: top;
  font-weight: 400 !important;
  padding-left: 7px;
}
.accountingControlSection .statementWrapper.sectionContent .sectionContentText .dropdownSection {
  padding-left: 40px;
  padding-bottom: 10px;
}

.formSection {
  min-height: calc(100vh - 108px) !important;
  max-height: calc(100vh - 108px) !important;
}
.formSection .gray {
  background-color: #6a6a6a !important;
}
.formSection .green {
  background-color: #1f8400 !important;
}
.formSection .light {
  background-color: #cdcdcd !important;
}
.formSection .black {
  background-color: #070707 !important;
}
.formSection .red {
  background-color: #b1143d !important;
}
.formSection .sectionContent .sectionContentText .formDetails {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-right: 200px;
}
.formSection .sectionContent .sectionContentText .formDetails > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex: 0 0 45%;
  display: inline-flex !important;
}
.formSection .sectionContent .label {
  margin-bottom: 10px;
  font-size: 12px;
  color: #95989a;
}
.formSection .imgSection {
  padding-top: 30px;
}
.formSection input[type=file] {
  display: none;
  font-weight: 500 !important;
  font-size: 12px !important;
}
.formSection .fileInput {
  margin-top: 10px;
  padding: 9px 0;
  text-align: center;
  cursor: pointer;
  width: 88px;
  height: 36px;
  border-radius: 3px;
  background-color: #448afe;
  border: none;
  color: #fff;
}
.formSection .deleteBtn {
  margin-left: 10px;
  border-radius: 3px;
}
.formSection .deleteBtn button div {
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 12px !important;
}
.formSection .imgPreview {
  text-align: center;
  height: 105px;
  width: 215px;
  border: 1px solid rgb(221, 221, 221);
}
.formSection img {
  width: 100%;
  height: 100%;
}
.formSection .previewText {
  width: 100%;
  margin-top: 20px;
}
.formSection .submitButton {
  padding: 12px;
  margin-left: 10px;
  background: white;
  border: 4px solid lightgray;
  border-radius: 15px;
  font-weight: 700;
  font-size: 10pt;
  cursor: pointer;
}
.formSection .submitButton:hover {
  background: #efefef;
}
.formSection .centerText {
  text-align: center;
  width: 500px;
}
.formSection .colorPalletSection .colorSection {
  position: relative;
  margin-top: 20px;
}
.formSection .colorPalletSection .colorSection .hex-code {
  float: left;
}
.formSection .colorPalletSection .colorSection .color-box {
  float: left;
  width: 30px;
  height: 30px;
  margin-left: 20px;
  cursor: pointer;
  box-shadow: 2px 5px 5px 0 rgb(221, 221, 221);
}
.formSection .colorPalletSection .colorSelection {
  padding: 10px 5px;
  position: absolute;
  border: 1px solid rgb(221, 221, 221);
  left: 75px;
  top: -15px;
  background-color: #fff;
  box-shadow: 2px 5px 5px 0 rgb(221, 221, 221);
}
.formSection .colorPalletSection .colorSelection span {
  margin-right: 10px;
  float: left;
  width: 30px;
  height: 30px;
  display: inline-block;
  cursor: pointer;
}
.formSection .colorPalletSection .colorSelection span:last-child {
  margin-right: 0;
}
.formSection .colorPalletSection .colorSelection span.selected {
  border: 2px solid #039be6;
}
.formSection .preview {
  padding-top: 20px;
  padding-bottom: 30px;
}
.formSection .preview ul {
  padding-left: 0 !important;
}
.formSection .preview ul li {
  float: left;
  padding-right: 20px;
  border-right: 1px solid rgb(221, 221, 221);
  padding-left: 10px;
  font-size: 12px;
  cursor: pointer;
}
.formSection .preview ul li:first-child {
  padding-left: 0;
}
.formSection .preview ul li:last-child {
  border: none;
}

.new_package {
  top: 0 !important;
}
.new_package .add_new_package_modal > div:first-child {
  padding: 20px;
}
.new_package .add_new_package_modal > div:first-child > div + div {
  padding: 0 !important;
}
.new_package .add_new_package_modal .modal-header {
  padding: 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}
.new_package .add_new_package_modal .modal-body {
  padding: 0 !important;
}
.new_package .add_new_package_modal .modalContent {
  margin-bottom: 10px !important;
  padding: 0 !important;
}

.packageSection {
  padding: 0 15px !important;
  overflow: hidden !important;
}
.packageSection .sectionContent.packageSidenav {
  padding-left: 0;
  padding-right: 0;
}
.packageSection .sectionContent.packageSidenav .headerTitle {
  padding: 15px 15px 10px;
  border-bottom: 1px solid rgb(221, 221, 221);
}
.packageSection .sectionContent.packageSidenav .addTemplate {
  background: transparent;
  text-align: left;
  border: none;
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(221, 221, 221);
  color: #4285f4;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.packageSection .sectionContent.packageSidenav .addTemplate:focus {
  outline: none;
}
.packageSection .sectionContent.packageSidenav .addTemplate .add-icon {
  font-size: 18px !important;
  vertical-align: middle;
  line-height: 16px !important;
  padding-right: 10px;
  color: #0057ff !important;
}
.packageSection .sectionContent.packageSidenav .packageCategory {
  max-height: calc(100vh - 146px);
  padding-top: 0px;
  overflow-y: auto;
  border-right: 1px solid rgb(221, 221, 221);
}
.packageSection .sectionContent.packageSidenav .packageCategory ul {
  padding: 0px !important;
}
.packageSection .sectionContent.packageSidenav .packageCategory ul li {
  border-bottom: 1px solid rgb(221, 221, 221);
}
.packageSection .sectionContent.packageSidenav .packageCategory ul li > div {
  padding: 15px 0px 15px 15px !important;
}
.packageSection .sectionContent.packageSidenav .packageCategory .packageCategoryHeading:hover {
  background-color: #c8d2f1 !important;
}
.packageSection .sectionContent.packageSidenav .packageCategory .packageCategoryHeading {
  border-top: 1px solid rgb(221, 221, 221) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 14px !important;
}
.packageSection .sectionContent.packageSidenav .packageCategory .packageCategoryHeading > div:first-child {
  padding: 0px !important;
}
.packageSection .sectionContent.packageSidenav .packageCategory .packageCategoryHeading > div:first-child > div {
  padding: 15px 20px;
}
.packageSection .sectionContent.packageSidenav .packageCategory .packageCategoryHeading + div {
  background-color: #fafafa !important;
}
.packageSection .sectionContent.packageSidenav .packageCategory svg {
  fill: #616161 !important;
}
.packageSection .sectionContent.packageSidenav .packageCategory .listMenu {
  font-size: 14px !important;
  line-height: 14px !important;
}
.packageSection .sectionContent.packageSidenav .packageCategory .listMenu > div:first-child div {
  margin-left: 0 !important;
}
.packageSection .sectionContent.packageSidenav .packageCategory .listMenu > div:first-child > div:first-child {
  padding: 10px 25px !important;
}
.packageSection .sectionContent.packageDetail {
  padding: 15px;
  max-height: calc(100vh - 61px);
  overflow-y: auto;
  border-left: 1px solid rgb(221, 221, 221);
}
.packageSection .sectionContent.packageDetail label {
  margin-bottom: 10px !important;
  margin-right: 10px !important;
}
.packageSection .sectionContent.packageDetail .headerTitle {
  margin-bottom: 15px !important;
}
.packageSection .sectionContent.packageDetail .listSection .packageList ul {
  padding-left: 0 !important;
  padding-top: 15px;
}
.packageSection .sectionContent.packageDetail .listSection .packageList ul li {
  padding-bottom: 10px;
}
.packageSection .sectionContent.packageDetail .listSection .packageList ul li .addPackage {
  margin-left: 10px;
}
.packageSection .sectionContent.packageDetail .listSection .packageList ul li .addPackage button {
  background-color: #00bfa5 !important;
  min-width: 115px;
}
.packageSection .sectionContent.packageDetail .listSection .packageList ul li .addPackage button span {
  color: #fff !important;
}
.packageSection .sectionContent.packageDetail .additionalField, .packageSection .sectionContent.packageDetail .additionalSetting, .packageSection .sectionContent.packageDetail .preSignup {
  margin-top: 20px;
}
.packageSection .sectionContent.packageDetail .additionalField .checkbox, .packageSection .sectionContent.packageDetail .additionalSetting .checkbox, .packageSection .sectionContent.packageDetail .preSignup .checkbox {
  padding-top: 15px;
}
.packageSection .sectionContent.packageDetail .preSignup .options {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.packageSection .sectionContent.packageDetail .preSignup .options > div {
  margin-right: 20px;
  font-size: 14px !important;
}
.packageSection .sectionContent.packageDetail .preSignup .options span {
  align-self: center;
  cursor: pointer;
}
.packageSection .sectionContent.packageDetail .preSignup button.add-button {
  margin-top: 15px !important;
  margin-left: -10px !important;
}
.packageSection .sectionContent.packageDetail .preSignup button.add-button svg {
  margin-left: 0 !important;
  width: 16px !important;
  height: 16px !important;
  fill: #3691eb !important;
}
.packageSection .sectionContent.packageDetail .preSignup button.add-button span {
  color: #3691eb !important;
}
.packageSection .sectionContent.packageDetail .section-bottom {
  margin-bottom: 30px;
}
.packageSection .packageTablist {
  padding-top: 15px;
  border-left: 1px solid rgb(221, 221, 221);
}
.packageSection .packageTablist .serviceTab {
  min-height: calc(100vh - 162px) !important;
  max-height: calc(100vh - 162px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin-top: 20px;
}
.packageSection .packageTablist .headerTitle.headerTitleRegular {
  font-weight: 400 !important;
}
.packageSection .packageTablist .headerTitle span {
  padding: 0 !important;
}
.packageSection .packageTablist .tab-border-none > div:nth-child(2) {
  display: none !important;
}
.packageSection .packageTablist .equipmentTab .sectionContentText {
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 80px;
}
.packageSection .packageTablist .equipmentTab .sectionContentText .dropdown, .packageSection .packageTablist .equipmentTab .invoiceDefault .sectionContentText .optionsRow .customdropdown, .invoiceDefault .packageSection .packageTablist .equipmentTab .sectionContentText .optionsRow .customdropdown {
  width: 40% !important;
  margin-right: 3rem;
}
.packageSection .packageTablist .equipmentTab .sectionContentText .text-field {
  width: 40% !important;
  vertical-align: text-bottom;
}
.packageSection .packageTablist .equipmentTab .sectionContentText > div:nth-child(3n) {
  margin-top: 30px;
}
.packageSection .packageTablist .pricingTab .sectionContentText {
  padding-bottom: 20px;
}
.packageSection .packageTablist .pricingTab .sectionContentText.lowerSection {
  padding-top: 0 !important;
}
.packageSection .packageTablist .pricingTab .sectionContentText label span {
  height: auto !important;
}
.packageSection .packageTablist .pricingTab .sectionContentText .text-field {
  width: 150px !important;
}
.packageSection .packageTablist .pricingTab .sectionContentText .headerTitle {
  margin-bottom: 15px;
}
.packageSection .packageTablist .taxTab {
  padding-top: 25px;
}
.packageSection .packageTablist .taxTab .headerTitle {
  margin-bottom: 15px;
}
.packageSection .packageTablist .taxTab label {
  margin-bottom: 10px !important;
  margin-right: 10px !important;
}
.packageSection .packageTablist .taxTab label span {
  height: auto !important;
}
.packageSection .packageTablist .taxTab .radiogrp, .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower {
  padding-top: 10px;
}
.packageSection .packageTablist .taxTab .radiogrp .radiobtn, .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radiobtn {
  margin-right: 50px;
}
.packageSection .packageTablist .taxTab .radiogrp .radiobtn label, .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radiobtn label {
  width: auto !important;
}
.packageSection .packageTablist .taxTab .setupSection {
  margin-top: 15px;
  margin-bottom: 30px;
}
.packageSection .packageTablist .taxTab .contentSection {
  padding-top: 50px;
}
.packageSection .packageTablist .taxTab .contentSection .checkboxSection {
  padding-top: 25px;
}
.packageSection .packageTablist .taxTab .contentSection .checkboxSection .checkbox {
  margin-right: 15px;
}
.packageSection .packageTablist .taxTab .contentSection .checkboxSection .checkbox label {
  width: auto !important;
}
.packageSection .packageTablist .taxTab .customPackageSetting {
  margin-bottom: 20px;
}
.packageSection .packageTablist .taxTab .customPackageSetting label span {
  height: auto !important;
}
.packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower {
  display: inline-block;
}
.packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radiobtn {
  margin-right: 5px !important;
}
.packageSection .packageTablist .taxTab .customPackageSetting .textfield {
  vertical-align: top;
}
.packageSection .packageTablist .taxTab .customPackageSetting .textfield_row {
  width: 15% !important;
  margin-right: 30px !important;
}
.packageSection .packageTablist .optionsTab {
  min-height: calc(100vh - 146px) !important;
  max-height: calc(100vh - 146px) !important;
}
.packageSection .packageTablist .optionsTab .headerTitle {
  margin-bottom: 15px;
}
.packageSection .packageTablist .optionsTab label {
  margin-bottom: 10px !important;
  margin-right: 10px !important;
}
.packageSection .packageTablist .optionsTab .icon-color svg {
  fill: rgb(204, 204, 204) !important;
}
.packageSection .packageTablist .optionsTab .custom-popup2 .overlay, .packageSection .packageTablist .optionsTab .custom-popup1 .overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}
.packageSection .packageTablist .optionsTab .custom-popup2 .popup2, .packageSection .packageTablist .optionsTab .custom-popup1 .popup2 {
  max-width: 560px;
  padding: 10px;
  background-color: #fff;
  z-index: 9999;
  position: absolute;
  left: 240px;
  box-shadow: 2px 2px 10px -1px #000;
  bottom: 10px;
}
.packageSection .packageTablist .optionsTab .custom-popup2 .popup2 .popup-heading .heading, .packageSection .packageTablist .optionsTab .custom-popup1 .popup2 .popup-heading .heading {
  max-width: 478px;
}
.packageSection .packageTablist .optionsTab .custom-popup2 .popup2 .popup-heading .done, .packageSection .packageTablist .optionsTab .custom-popup1 .popup2 .popup-heading .done {
  margin-left: 10px;
  margin-right: 10px;
  color: #6ebb5f !important;
  font-weight: 500;
}
.packageSection .packageTablist .optionsTab .custom-popup2 .popup2 .popup-heading .close, .packageSection .packageTablist .optionsTab .custom-popup1 .popup2 .popup-heading .close {
  color: #ee462e !important;
  font-weight: 500;
  opacity: 1;
}
.packageSection .packageTablist .optionsTab .custom-popup2 .popup2 .lowerSection, .packageSection .packageTablist .optionsTab .custom-popup1 .popup2 .lowerSection {
  padding-top: 15px;
}
.packageSection .packageTablist .optionsTab .custom-popup2 .popup2 .lowerSection .headings, .packageSection .packageTablist .optionsTab .custom-popup1 .popup2 .lowerSection .headings {
  padding-left: 40px;
}
.packageSection .packageTablist .optionsTab .custom-popup2 .popup2 .lowerSection .headings > span:nth-child(2), .packageSection .packageTablist .optionsTab .custom-popup1 .popup2 .lowerSection .headings > span:nth-child(2) {
  padding-left: 128px;
}
.packageSection .packageTablist .optionsTab .custom-popup2 .popup2 .lowerSection .repeating-row .icon, .packageSection .packageTablist .optionsTab .custom-popup1 .popup2 .lowerSection .repeating-row .icon {
  margin-left: 10px;
  margin-right: 10px;
}
.packageSection .packageTablist .optionsTab .custom-popup2 .popup2 .lowerSection .repeating-row .icon .close, .packageSection .packageTablist .optionsTab .custom-popup1 .popup2 .lowerSection .repeating-row .icon .close {
  color: #f44336 !important;
  font-weight: 500;
  opacity: 1;
}
.packageSection .packageTablist .optionsTab .custom-popup2 .popup2 .lowerSection .repeating-row .add, .packageSection .packageTablist .optionsTab .custom-popup1 .popup2 .lowerSection .repeating-row .add {
  color: #6ebb5f !important;
}
.packageSection .packageTablist .optionsTab .custom-popup1 .popup2 {
  bottom: 60px;
}
.packageSection .packageTablist .optionsTab .onlineSection {
  padding-bottom: 30px;
}
.packageSection .packageTablist .optionsTab .onlineSection .main_checkbox label {
  color: #557aff !important;
  width: auto !important;
}
.packageSection .packageTablist .optionsTab .onlineSection .dropdown, .packageSection .packageTablist .optionsTab .onlineSection .invoiceDefault .sectionContentText .optionsRow .customdropdown, .invoiceDefault .sectionContentText .optionsRow .packageSection .packageTablist .optionsTab .onlineSection .customdropdown {
  font-size: 14px !important;
  width: 130px !important;
  margin-left: 10px;
}
.packageSection .packageTablist .optionsTab .onlineSection .online_subsection {
  padding-left: 40px;
  padding-bottom: 20px;
}
.packageSection .packageTablist .optionsTab .onlineSection .online_subsection label span {
  height: auto;
}
.packageSection .packageTablist .optionsTab .onlineSection .online_subsection .online_subsection_row {
  margin-top: 20px;
  margin-left: -40px;
}
.packageSection .packageTablist .optionsTab .onlineSection .online_subsection .online_subsection_row .text-field {
  display: inline-block !important;
}
.packageSection .packageTablist .optionsTab .onlineSection .online_subsection .online_subsection_row .checkbox {
  vertical-align: bottom;
  margin-left: 20px;
}
.packageSection .packageTablist .optionsTab .onlineSection .online_subsection .online_subsection_row .checkbox label {
  width: auto !important;
}
.packageSection .packageTablist .optionsTab .custom-checkbox input + div > div:first-child {
  margin-top: 12px;
}
.packageSection .packageTablist .optionsTab .macSection {
  margin-bottom: 30px;
}
.packageSection .packageTablist .optionsTab .macSection .main_checkbox {
  vertical-align: bottom;
}
.packageSection .packageTablist .optionsTab .macSection .main_checkbox label {
  width: auto !important;
}
.packageSection .packageTablist .optionsTab .macSection .text-field {
  width: 10% !important;
  vertical-align: super;
  margin-left: 10px;
  font-size: 14px !important;
  margin-right: 10px;
}
.packageSection .packageTablist .optionsTab .macSection .text-field input {
  text-align: right;
  padding-right: 15px !important;
}
.packageSection .packageTablist .wirelessacesstimeTab {
  padding-top: 25px;
}
.packageSection .packageTablist .wirelessacesstimeTab .textField input {
  text-align: right;
  padding-right: 15px !important;
}
.packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .accessTime .textfield {
  width: auto !important;
  font-size: 14px !important;
  margin-left: 20px;
  margin-right: 20px;
}
.packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .accessTime .list {
  font-size: 14px !important;
  width: 15% !important;
  vertical-align: bottom;
}
.packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .excess_charge {
  margin-top: 30px;
}
.packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .excess_charge > div:first-child {
  margin-bottom: 10px;
}
.packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .excess_charge .textfield {
  width: auto !important;
  font-size: 14px !important;
  vertical-align: bottom;
}
.packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .excess_charge .radiogrp, .packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .excess_charge .taxTab .customPackageSetting .radiogrp_lower, .packageSection .packageTablist .taxTab .customPackageSetting .wirelessacesstimeTab .userBasedBilling .excess_charge .radiogrp_lower {
  display: inline-block;
}
.packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .excess_charge .radiogrp .radiobtn, .packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .excess_charge .taxTab .customPackageSetting .radiogrp_lower .radiobtn, .packageSection .packageTablist .taxTab .customPackageSetting .wirelessacesstimeTab .userBasedBilling .excess_charge .radiogrp_lower .radiobtn {
  margin-right: 5px !important;
}
.packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .excess_charge .radiogrp .radiobtn label, .packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .excess_charge .taxTab .customPackageSetting .radiogrp_lower .radiobtn label, .packageSection .packageTablist .taxTab .customPackageSetting .wirelessacesstimeTab .userBasedBilling .excess_charge .radiogrp_lower .radiobtn label {
  width: auto !important;
}
.packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .excess_charge .radiogrp .radiobutton, .packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .excess_charge .taxTab .customPackageSetting .radiogrp_lower .radiobutton, .packageSection .packageTablist .taxTab .customPackageSetting .wirelessacesstimeTab .userBasedBilling .excess_charge .radiogrp_lower .radiobutton {
  margin-left: 215px;
}
.packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .excess_charge span {
  margin-right: 30px;
}
.packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .defaultSection {
  margin-top: 30px;
}
.packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .defaultSection .radiogrp, .packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .defaultSection .taxTab .customPackageSetting .radiogrp_lower, .packageSection .packageTablist .taxTab .customPackageSetting .wirelessacesstimeTab .userBasedBilling .defaultSection .radiogrp_lower {
  margin-top: 20px;
}
.packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .defaultSection .radiogrp .radiobtn, .packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .defaultSection .taxTab .customPackageSetting .radiogrp_lower .radiobtn, .packageSection .packageTablist .taxTab .customPackageSetting .wirelessacesstimeTab .userBasedBilling .defaultSection .radiogrp_lower .radiobtn {
  margin-right: 50px;
}
.packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .defaultSection .radiogrp .radiobtn label, .packageSection .packageTablist .wirelessacesstimeTab .userBasedBilling .defaultSection .taxTab .customPackageSetting .radiogrp_lower .radiobtn label, .packageSection .packageTablist .taxTab .customPackageSetting .wirelessacesstimeTab .userBasedBilling .defaultSection .radiogrp_lower .radiobtn label {
  width: auto !important;
}
.packageSection .packageTablist .wirelesshotspotSection {
  padding-top: 20px;
}
.packageSection .packageTablist .wirelesshotspotSection .textField input {
  text-align: right;
  padding-right: 20px !important;
}
.packageSection .packageTablist .wirelesshotspotSection .sectionContent {
  padding-left: 15px;
}
.packageSection .packageTablist .wirelesshotspotSection .speedLimit {
  padding-top: 20px;
}
.packageSection .packageTablist .wirelesshotspotSection .speedLimit .speedLimitSection {
  padding-top: 15px;
  padding-bottom: 60px;
}
.packageSection .packageTablist .wirelesshotspotSection .speedLimit .radiogrp .radiobtn, .packageSection .packageTablist .wirelesshotspotSection .speedLimit .taxTab .customPackageSetting .radiogrp_lower .radiobtn, .packageSection .packageTablist .taxTab .customPackageSetting .wirelesshotspotSection .speedLimit .radiogrp_lower .radiobtn {
  margin-right: 50px;
}
.packageSection .packageTablist .wirelesshotspotSection .speedLimit .radiogrp .radiobtn label, .packageSection .packageTablist .wirelesshotspotSection .speedLimit .taxTab .customPackageSetting .radiogrp_lower .radiobtn label, .packageSection .packageTablist .taxTab .customPackageSetting .wirelesshotspotSection .speedLimit .radiogrp_lower .radiobtn label {
  width: auto !important;
}
.packageSection .packageTablist .wirelesshotspotSection .speedLimit .textField {
  margin-right: 10px;
  font-size: 14px !important;
}
.packageSection .packageTablist .wirelesshotspotSection .speedLimit .textField label {
  font-size: 12px !important;
}
.packageSection .packageTablist .wirelesshotspotSection .speedLimit .dropdown, .packageSection .packageTablist .wirelesshotspotSection .speedLimit .invoiceDefault .sectionContentText .optionsRow .customdropdown, .invoiceDefault .sectionContentText .optionsRow .packageSection .packageTablist .wirelesshotspotSection .speedLimit .customdropdown {
  font-size: 14px !important;
  align-self: flex-end;
  vertical-align: bottom;
}
.packageSection .packageTablist .wirelesshotspotSection .speedLimit .options {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.packageSection .packageTablist .wirelesshotspotSection .speedLimit .options .option-col {
  display: inline-flex;
  flex: 0 0 27%;
  max-width: 27%;
  margin-right: 45px;
}
.packageSection .packageTablist .wirelesshotspotSection .speedLimit .throttingSection {
  padding-bottom: 50px;
}
.packageSection .packageTablist .wirelesshotspotSection .speedLimit .throttingSection .radiogrp, .packageSection .packageTablist .wirelesshotspotSection .speedLimit .throttingSection .taxTab .customPackageSetting .radiogrp_lower, .packageSection .packageTablist .taxTab .customPackageSetting .wirelesshotspotSection .speedLimit .throttingSection .radiogrp_lower {
  vertical-align: middle;
  margin-left: 50px;
}
.packageSection .packageTablist .wirelesshotspotSection .speedLimit .throttingSection .download_upload {
  padding-left: 350px;
}
.packageSection .packageTablist .serviceTab .sectionContent table thead {
  background-color: #eee;
}
.packageSection .packageTablist .serviceTab .sectionContent .add-icon span {
  text-transform: capitalize !important;
  color: #3691eb !important;
}
.packageSection .packageTablist .serviceTab .sectionContent .PackageDiscription {
  margin-top: 20px;
}
.packageSection .packageTablist .serviceTab .sectionContent .textfield {
  width: 100% !important;
  font-size: 14px !important;
}
.packageSection .packageTablist .serviceTab .sectionContent .tabelSection {
  padding-bottom: 30px;
}
.packageSection .packageTablist .serviceTab .sectionContent .tabelSection td {
  border-bottom: solid 1px #ddd;
  padding: 15px 0;
}
.packageSection .packageTablist .serviceTab .sectionContent .tabelSection .add-icon svg {
  fill: #3691eb !important;
  font-size: 18px !important;
}
.packageSection .packageTablist .wirelessSpeedLimitTab, .packageSection .packageTablist .otherConnectionSpeedTab {
  min-height: calc(100vh - 146px) !important;
  max-height: calc(100vh - 146px) !important;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .headerTitle, .packageSection .packageTablist .otherConnectionSpeedTab .headerTitle {
  margin-bottom: 15px !important;
}
.packageSection .packageTablist .wirelessSpeedLimitTab label, .packageSection .packageTablist .otherConnectionSpeedTab label {
  margin-bottom: 10px !important;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits {
  margin-top: 15px;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSection, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSection, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSection .option, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSection .option, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .option, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .option {
  display: inline-block;
  flex: 0 0 25%;
  margin-right: 20px;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSection .option .textfield, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSection .option .textfield, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .option .textfield, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .option .textfield {
  width: 45% !important;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSection .option .textfield input, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSection .option .textfield input, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .option .textfield input, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .option .textfield input {
  text-align: right;
  padding-right: 15px !important;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSection .option .dropdown, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSection .option .dropdown, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .option .dropdown, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .option .dropdown, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .invoiceDefault .sectionContentText.speedLimits .optionSection .option .optionsRow .customdropdown, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .invoiceDefault .sectionContentText.speedLimits .optionSection .option .optionsRow .customdropdown, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .invoiceDefault .sectionContentText.speedLimits .optionSectionLower .option .optionsRow .customdropdown, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .invoiceDefault .sectionContentText.speedLimits .optionSectionLower .option .optionsRow .customdropdown, .invoiceDefault .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSection .option .optionsRow .customdropdown, .invoiceDefault .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSection .option .optionsRow .customdropdown, .invoiceDefault .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .option .optionsRow .customdropdown, .invoiceDefault .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .option .optionsRow .customdropdown, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .invoiceDefault .sectionContentText.speedLimits .optionsRow .optionSection .option .customdropdown, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .invoiceDefault .sectionContentText.speedLimits .optionsRow .optionSection .option .customdropdown, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .invoiceDefault .sectionContentText.speedLimits .optionsRow .optionSectionLower .option .customdropdown, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .invoiceDefault .sectionContentText.speedLimits .optionsRow .optionSectionLower .option .customdropdown, .invoiceDefault .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionsRow .optionSection .option .customdropdown, .invoiceDefault .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionsRow .optionSection .option .customdropdown, .invoiceDefault .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionsRow .optionSectionLower .option .customdropdown, .invoiceDefault .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionsRow .optionSectionLower .option .customdropdown {
  margin-left: 15px;
  font-size: 14px !important;
  width: auto !important;
  vertical-align: bottom;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .option, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.speedLimits .optionSectionLower .option {
  flex: 0 0 25% !important;
  margin-right: 20px;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.ThrottingSection, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.ThrottingSection {
  margin-top: 30px;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.ThrottingSection .dropdown, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.ThrottingSection .dropdown, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .invoiceDefault .sectionContentText.ThrottingSection .optionsRow .customdropdown, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .invoiceDefault .sectionContentText.ThrottingSection .optionsRow .customdropdown, .invoiceDefault .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.ThrottingSection .optionsRow .customdropdown, .invoiceDefault .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.ThrottingSection .optionsRow .customdropdown {
  width: 47% !important;
  vertical-align: top;
  top: 24px;
  margin-left: 30px;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.ThrottingSection .textfield, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.ThrottingSection .textfield {
  width: 40% !important;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.ThrottingSection .textfield input, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.ThrottingSection .textfield input {
  text-align: right;
  padding-right: 15px !important;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.ThrottingSection .subsection, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.ThrottingSection .subsection {
  position: relative;
  margin-top: 15px;
  margin-left: 60px;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.ThrottingSection .subsection .radiobtn, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.ThrottingSection .subsection .radiobtn {
  margin-bottom: 170px;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.ThrottingSection .subsection .textfields, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.ThrottingSection .subsection .textfields, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.ThrottingSection .subsection .textfieldss, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.ThrottingSection .subsection .textfieldss {
  position: absolute !important;
  top: 30px;
  left: 40px;
  width: 60% !important;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.ThrottingSection .subsection .textfields input, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.ThrottingSection .subsection .textfields input, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.ThrottingSection .subsection .textfieldss input, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.ThrottingSection .subsection .textfieldss input {
  text-align: right;
  padding-right: 15px !important;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.ThrottingSection .subsection .dropdowns, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.ThrottingSection .subsection .dropdowns, .packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.ThrottingSection .subsection .dropdownss, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.ThrottingSection .subsection .dropdownss {
  width: auto !important;
  top: 54px;
  left: 170px;
  position: absolute !important;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.ThrottingSection .subsection .textfieldss, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.ThrottingSection .subsection .textfieldss {
  top: 100px;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.ThrottingSection .subsection .textfieldss input, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.ThrottingSection .subsection .textfieldss input {
  text-align: right;
  padding-right: 15px !important;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.ThrottingSection .subsection .dropdownss, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.ThrottingSection .subsection .dropdownss {
  top: 123px;
}
.packageSection .packageTablist .wirelessSpeedLimitTab .sectionContent .sectionContentText.checkingSection, .packageSection .packageTablist .otherConnectionSpeedTab .sectionContent .sectionContentText.checkingSection {
  margin-bottom: 30px;
}
.packageSection .packageTablist .wirelessUsageTab {
  min-height: calc(100vh - 146px);
  max-height: calc(100vh - 146px);
}
.packageSection .packageTablist .wirelessUsageTab .textfield input {
  text-align: right;
}
.googleAccountSection label {
  margin: 0px;
}
.googleAccountSection label > span {
  height: auto;
}
.googleAccountSection .headerTitle {
  margin-bottom: 15px;
}
.googleAccountSection .sectionContent .rightSection {
  margin-top: 25px;
}
.googleAccountSection .sectionContent .rightSection .todoSection {
  padding: 15px 30px 30px;
  background-color: #f8f8f8;
}
.googleAccountSection .sectionContent .rightSection .todoSection .icon {
  color: #f0cb30 !important;
}
.googleAccountSection .sectionContent .rightSection .todoSection .icon i {
  font-size: 18px !important;
  color: #f0cb30 !important;
}
.googleAccountSection .sectionContent .rightSection .todoSection .heading {
  vertical-align: super;
  padding-left: 10px;
  font-weight: 500;
}
.googleAccountSection .sectionContent .rightSection .todoSection ol {
  padding-left: 23px;
  padding-top: 10px;
  font-size: 12px !important;
}
.googleAccountSection .sectionContent .leftSection .accountSection {
  padding-left: 40px;
  padding-top: 10px;
}
.googleAccountSection .sectionContent .leftSection .accountSection .createAccount {
  padding-right: 60px;
  padding-top: 10px;
  text-align: right;
}
.googleAccountSection .sectionContent .leftSection .mapSetting {
  padding-top: 50px;
}

.towerCoverageSection .sectionContent .sectionContentText {
  margin-top: 15px;
}
.towerCoverageSection .sectionContent .sectionContentText .lowerSecttion .leftSection {
  padding-top: 40px;
}
.towerCoverageSection .sectionContent .sectionContentText .lowerSecttion .leftSection .label-text, .towerCoverageSection .sectionContent .sectionContentText .lowerSecttion .leftSection .label-content {
  color: #0057ff !important;
  padding-right: 15px;
}
.towerCoverageSection .sectionContent .sectionContentText .lowerSecttion .leftSection .label-content {
  padding-bottom: 5px;
  display: inline-block;
  color: #9f9f9f !important;
}
.towerCoverageSection .sectionContent .sectionContentText .lowerSecttion .rightSection .createaccount {
  text-align: right;
  padding-top: 10px;
}

.marketBroadbandSection {
  overflow-x: hidden !important;
}
.marketBroadbandSection label {
  margin: 0px;
}
.marketBroadbandSection label > span {
  height: auto;
}
.marketBroadbandSection .headerTitle {
  margin-bottom: 15px;
}
.marketBroadbandSection .marketSection.sectionContent .sectionContentText .lowerSecttion {
  padding-left: 40px;
  padding-top: 15px;
}
.marketBroadbandSection .marketSection.sectionContent .sectionContentText .lowerSecttion .text-field {
  margin-right: 40px;
}
.marketBroadbandSection .marketSection.sectionContent .sectionContentText .lowerSecttion .createAccount {
  padding-left: 409px;
}
.marketBroadbandSection .automatedMarketing {
  margin-top: 25px;
}
.marketBroadbandSection .automatedMarketing .sectionContentText .steps {
  margin-top: 15px;
}
.marketBroadbandSection .automatedMarketing .sectionContentText .steps .step_1 {
  margin-top: 15px;
  margin-left: 15px;
}
.marketBroadbandSection .automatedMarketing .sectionContentText .steps .step_1 ul {
  list-style-type: disc !important;
  margin-top: 10px;
  margin-bottom: 10px;
}
.marketBroadbandSection .automatedMarketing .sectionContentText .steps .step_1 .text-field {
  margin-left: 40px;
}
.marketBroadbandSection .automatedMarketing .sectionContentText .steps .step_2 {
  margin-left: 15px;
}
.marketBroadbandSection .automatedMarketing .sectionContentText .steps .step_2 .postcard {
  padding-left: 40px;
  margin-top: 10px;
}
.marketBroadbandSection .automatedMarketing .sectionContentText .steps .step_2 .postcard .text-field {
  width: 5% !important;
  vertical-align: top;
  margin-left: 15px;
  margin-right: 15px;
  height: 18px !important;
  line-height: 18px !important;
}
.marketBroadbandSection .automatedMarketing .sectionContentText .steps .step_2 .postcard .text-field.validatior3 hr {
  bottom: 1px !important;
}
.marketBroadbandSection .automatedMarketing .sectionContentText .steps .step_2 .postcard span {
  vertical-align: middle;
}
.marketBroadbandSection .automatedMarketing .sectionContentText .steps .step_2 .note {
  color: #9f9f9f;
  font-size: 14px;
  margin-bottom: 30px;
}

.quickBooksSection .sectionContent .sectionContentText {
  margin-top: 15px;
}
.quickBooksSection .sectionContent .sectionContentText .dataSection {
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.quickBooksSection .sectionContent .sectionContentText .dataSection .textfield {
  flex: 0 0 45%;
  margin-right: 45px;
}

.trafficManagementSection .sectionContent .sectionContentText {
  margin-top: 15px;
}
.trafficManagementSection .sectionContent .sectionContentText .dataSection {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 5px;
  flex-wrap: wrap;
}
.trafficManagementSection .sectionContent .sectionContentText .dataSection .textfield {
  flex: 0 0 45%;
  margin-right: 50px;
  margin-bottom: 15px;
}
.trafficManagementSection .sectionContent .sectionContentText .testingSection {
  margin-top: 10px;
  margin-bottom: 30px;
}
.trafficManagementSection .sectionContent .sectionContentText .testBtn, .trafficManagementSection .sectionContent .sectionContentText .closeBtn {
  margin-right: 30px;
  margin-left: 80px;
}
.trafficManagementSection .sectionContent .sectionContentText .testBtn button span, .trafficManagementSection .sectionContent .sectionContentText .closeBtn button span {
  color: #fff !important;
}
.trafficManagementSection .sectionContent .sectionContentText .closeBtn {
  margin: 0;
}

.monitoringSection .sliderArea {
  margin-top: 20px;
}
.monitoringSection .sliderArea .text-field {
  width: 80px !important;
  top: 6px;
}
.monitoringSection .sliderArea .text-field input {
  padding-right: 10px !important;
  text-align: right;
}
.monitoringSection .sliderArea .slider {
  width: 30%;
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  margin-right: 100px;
}
.monitoringSection .sliderArea .slider .leftValue {
  position: absolute;
  left: 0;
  bottom: 15px;
}
.monitoringSection .sliderArea .slider .rightValue {
  position: absolute;
  right: 0;
  bottom: 15px;
}
.monitoringSection .sliderArea .slider .rc-slider {
  overflow: hidden;
}
.monitoringSection .sliderArea .slider .rc-slider .rc-slider-rail {
  background-color: red;
}
.monitoringSection .sliderArea .slider .rc-slider .rc-slider-track {
  background-color: yellow;
}
.monitoringSection .sliderArea .slider .rc-slider .rc-slider-track:after {
  content: "";
  width: 1200px;
  position: absolute;
  height: 4px;
  left: -1200px;
  background-color: green;
}
.monitoringSection .sectionContent .sectionContentText {
  margin-top: 15px;
}
.monitoringSection .sectionContent .sectionContentText .dataSection {
  padding-top: 10px;
}
.monitoringSection .sectionContent .sectionContentText .dataSection .sliderSection {
  padding-left: 42px;
}
.monitoringSection .sectionContent .sectionContentText .dataSection .monitoringData {
  margin-top: 40px;
}
.monitoringSection .sectionContent .sectionContentText .dataSection .monitoringData .textfieldSection {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.monitoringSection .sectionContent .sectionContentText .dataSection .monitoringData .textfieldSection .textfield {
  margin-right: 60px;
  margin-bottom: 10px;
}

.onlineSignupSection .headerTitle {
  margin-bottom: 15px;
}
.onlineSignupSection label {
  margin: 0px;
}
.onlineSignupSection label > span {
  height: auto;
}
.onlineSignupSection .package_Service .package_CheckBox label {
  margin-bottom: 10px !important;
  margin-right: 10px !important;
}
.onlineSignupSection .flowSection {
  margin-bottom: 30px;
}
.onlineSignupSection .toggleLabel label {
  width: auto !important;
}
.onlineSignupSection .sourceDetails {
  font-size: 12px !important;
  vertical-align: middle;
  position: relative;
  font-weight: 400 !important;
  color: #0057ff !important;
}
.onlineSignupSection .radiogrp, .onlineSignupSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower, .packageSection .packageTablist .taxTab .customPackageSetting .onlineSignupSection .radiogrp_lower {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 40%;
  flex-wrap: wrap;
}
.onlineSignupSection .radiogrp .radiobtn, .onlineSignupSection .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radiobtn, .packageSection .packageTablist .taxTab .customPackageSetting .onlineSignupSection .radiogrp_lower .radiobtn {
  flex: 0 0 33.33333%;
  display: inline-flex !important;
}
.onlineSignupSection .btn-div {
  display: inline-block;
}
.onlineSignupSection .btn-div .previewBtn button {
  background-color: #00bfa5 !important;
}
.onlineSignupSection .btn-div .previewBtn button span {
  color: #fff !important;
}
.onlineSignupSection .sectionContent .sectionContentText {
  position: relative;
}
.onlineSignupSection .sectionContent .sectionContentText .packageSection {
  margin-top: 30px;
}
.onlineSignupSection .sectionContent .sectionContentText .infoSection, .onlineSignupSection .sectionContent .sectionContentText .customization {
  margin-top: 20px;
  margin-bottom: 20px;
}
.onlineSignupSection .sectionContent .sectionContentText .infoSection .additional_info, .onlineSignupSection .sectionContent .sectionContentText .customization .additional_info {
  margin-bottom: 10px;
}
.onlineSignupSection .sectionContent .sectionContentText .infoSection .additional_info label > span > span:nth-child(1), .onlineSignupSection .sectionContent .sectionContentText .customization .additional_info label > span > span:nth-child(1) {
  height: auto !important;
}
.onlineSignupSection .sectionContent .sectionContentText .signupSetup {
  margin-bottom: 30px;
}

.captivePortalSection .upload_invoiceImage label {
  margin: 0px !important;
}
.captivePortalSection .headerTitle {
  margin-bottom: 15px;
}
.captivePortalSection .imgPreview {
  text-align: center;
  height: 150px;
  width: 250px;
  border: 1px solid rgb(221, 221, 221);
}
.captivePortalSection .previewBtn button span {
  color: #fff !important;
}
.captivePortalSection .generateBtn button {
  background-color: #3691eb !important;
}
.captivePortalSection img {
  width: 100%;
  height: 100%;
}
.captivePortalSection input[type=file] {
  display: none;
}
.captivePortalSection .fileInput {
  margin-top: 10px;
  padding: 7px 0;
  text-align: center;
  cursor: pointer;
  width: 65px;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #0053f4;
  border: none;
  color: #fff;
}
.captivePortalSection .sectionContent {
  margin-bottom: 30px;
}
.captivePortalSection .sectionContent .sectionContentText {
  position: relative;
}

.accountManagerComponent .tabsCustom > div:first-child {
  width: 30% !important;
}
.accountManagerComponent .tabsCustom > div:nth-child(2) {
  width: 30% !important;
}
.accountManagerComponent .tabsCustom > div:nth-child(3) {
  border-top: 1px solid rgb(221, 221, 221);
}

.accountManagerSection {
  min-height: calc(100vh - 108px) !important;
  max-height: calc(100vh - 108px) !important;
  overflow-x: hidden !important;
}
.accountManagerSection label {
  margin-right: 10px !important;
}
.accountManagerSection label > span {
  height: auto;
}
.accountManagerSection .headerTitle {
  margin-bottom: 15px;
}
.accountManagerSection .sectionContent .sectionContentText .mainoptionGroup .radioBtn {
  margin-right: 50px;
}
.accountManagerSection .sectionContent .DisplaySection .sectionContentText .readOnly {
  padding-left: 130px;
  padding-top: 5px;
  padding-bottom: 10px;
  font-weight: 400 !important;
  margin: 0px !important;
}
.accountManagerSection .sectionContent .DisplaySection .sectionContentText .readOnly span {
  font-size: 12px !important;
}
.accountManagerSection .sectionContent .DisplaySection .sectionContentText .switch {
  vertical-align: super;
  margin-left: 30px;
}
.accountManagerSection .sectionContent .DisplaySection .sectionContentText .switch > span > span:nth-child(1) {
  height: auto !important;
}
.accountManagerSection .sectionContent .DisplaySection .sectionContentText .switchControl {
  vertical-align: super;
  margin-left: 35px;
}
.accountManagerSection .sectionContent .updateSection {
  margin-top: 20px;
}
.accountManagerSection .sectionContent .updateSection .notificationField {
  margin-left: 45px;
  margin-top: 10px;
}
.accountManagerSection .sectionContent .suspendSection {
  margin-top: 20px;
}
.accountManagerSection .sectionContent .termSection {
  margin-top: 20px;
  margin-bottom: 40px;
}
.accountManagerSection .sectionContent .termSection a {
  vertical-align: sub;
  margin-right: 10px;
}

.wirelessSettingSection {
  min-height: calc(100vh - 108px) !important;
  max-height: calc(100vh - 108px) !important;
  overflow-x: hidden !important;
}
.wirelessSettingSection label {
  margin-right: 10px !important;
}
.wirelessSettingSection label > span {
  height: auto;
}
.wirelessSettingSection .DisplaySection .checkbox {
  width: 150px;
}
.wirelessSettingSection .DisplaySection .sectionContentText {
  margin-top: 10px;
}
.wirelessSettingSection .DisplaySection .sectionContentText .readOnly {
  padding-left: 145px;
  padding-top: 5px;
  padding-bottom: 10px;
  font-weight: 400 !important;
}
.wirelessSettingSection .DisplaySection .sectionContentText .switch > span > span:nth-child(1) {
  height: auto !important;
}
.wirelessSettingSection .updateSection {
  padding-top: 20px;
}
.wirelessSettingSection .updateSection .sectionContentText {
  margin-top: 15px;
}
.wirelessSettingSection .subscriberRequest {
  margin-bottom: 30px;
}
.wirelessSettingSection .subscriberRequest span {
  font-size: 12px;
}

.brandablePortaleAccordian > div > div + div {
  margin: 0 !important;
}
.brandablePortaleAccordian .tabsCustom > div:first-child {
  width: 45% !important;
}
.brandablePortaleAccordian .tabsCustom > div:nth-child(2) {
  width: 47% !important;
}
.brandablePortaleAccordian .tabsCustom > div:nth-child(3) {
  border-top: 1px solid rgb(221, 221, 221);
}
.brandablePortaleAccordian .cardContent {
  min-height: calc(100vh - 108px) !important;
  max-height: calc(100vh - 108px) !important;
}

.brandablePortalSection label {
  margin: 0px !important;
}
.brandablePortalSection label > span {
  height: auto;
}
.brandablePortalSection .zipField {
  margin-left: 77px !important;
  vertical-align: middle !important;
}
.brandablePortalSection .textLegacy input {
  padding-bottom: 12px !important;
}
.brandablePortalSection .sectionContent .simpleText {
  color: #9f9f9f;
  font-size: 12px;
  margin-top: 15px;
  margin-bottom: 20px;
}
.brandablePortalSection .sectionContent .labelText {
  color: #9f9f9f;
  font-size: 12px;
  margin-bottom: 15px;
}
.brandablePortalSection .sectionContent .legacySecion, .brandablePortalSection .sectionContent .linksSection {
  margin-bottom: 30px;
}
.brandablePortalSection .sectionContent .linksSection .headerTitle {
  margin-bottom: 15px;
}
.brandablePortalSection .sectionContent .colorTheme {
  margin-bottom: 30px;
}
.brandablePortalSection .sectionContent .colorTheme .headerTitle {
  margin-bottom: 15px;
}
.brandablePortalSection .sectionContent .colorOption {
  margin-right: 40px;
}
.brandablePortalSection .sectionContent .colorOption:last-child {
  margin-right: 0 !important;
}
.brandablePortalSection .sectionContent .colorOption span {
  margin-right: 20px;
}
.brandablePortalSection .sectionContent .colorOption input {
  background: transparent;
  border: none;
  cursor: pointer;
  width: 28px;
  height: 28px;
  padding: 0;
  vertical-align: middle;
  box-shadow: 0 3px 6px #9f9f9f;
  -webkit-appearance: none;
}
.brandablePortalSection .sectionContent .colorOption input::-webkit-color-swatch-wrapper {
  padding: 0;
}
.brandablePortalSection .sectionContent .colorOption input::-webkit-color-swatch {
  border: none;
}
.brandablePortalSection .sectionContent .custom-Msglink {
  vertical-align: top;
  top: 4px;
  font-size: 12px !important;
  position: relative;
  color: #0057ff !important;
}

.contactUsSection .sectionContent .contactSection {
  margin-top: 30px;
  margin-bottom: 30px;
}
.contactUsSection .sectionContent .contactSection .headerTitle {
  margin-bottom: 15px;
}

.contentSection label {
  margin: 0px;
}
.contentSection label > span {
  height: auto;
}
.contentSection .individualSectioninner .checkboxCustom {
  vertical-align: middle;
  margin-right: 15px;
}
.contentSection .individualSectioninner .checkboxCustom div {
  width: auto !important;
}
.contentSection .individualSectioninner .textField {
  width: 100% !important;
  cursor: pointer !important;
  height: auto !important;
  margin-bottom: 15px;
}
.contentSection .individualSectioninner .textField input {
  font-size: 12px !important;
}
.contentSection .individualSectioninner .textField div > hr {
  bottom: 0 !important;
}
.contentSection .individualSectioninner .textField.custom-width {
  width: 87% !important;
}
.contentSection .homeSection {
  margin-bottom: 30px;
}
.contentSection .sectionContent .checkboxSection {
  margin-top: 15px;
}
.contentSection .sectionContent .checkboxSection label {
  margin-right: 10px !important;
}
.contentSection .sectionContent .linkSection {
  margin-top: 20px;
  margin-bottom: 20px;
}
.contentSection .sectionContent .linkSection .sectionContentText {
  margin-top: 15px;
}
.contentSection .sectionContent .linkSection .individualSection {
  display: inline-block;
  min-width: 300px;
}
.contentSection .sectionContent .linkSection .individualSection .textbox {
  height: 30px !important;
}
.contentSection .sectionContent .linkSection .individualSection .textbox > div hr {
  bottom: 3px !important;
}

.add_newEmail label {
  margin: 0px !important;
  margin-bottom: 5px !important;
}
.add_newEmail label span {
  height: auto !important;
}

.receive-InventoryDialog .dropdownSection {
  margin-bottom: 20px;
}

.upperOptionSection {
  padding-top: 10px;
  color: rgba(0, 0, 0, 0.87) !important;
}
.upperOptionSection label {
  margin: 0 !important;
}
.upperOptionSection .textfield {
  width: auto !important;
  position: relative !important;
  padding-left: 5px;
  /* height: 40px !important; */
  width: 100px !important;
  margin-right: 10px;
  /* margin-top: 4px; */
}
.upperOptionSection .textfield:before {
  content: "$";
  position: absolute;
  bottom: 4px;
}
.upperOptionSection .textfield input {
  padding-left: 15px !important;
  text-align: right;
}

.exemptionSection {
  background-color: #f7f7f7;
}
.exemptionSection .exemptionOptions {
  margin: 10px 0;
}
.exemptionSection .exemptionOptions label span {
  height: auto !important;
}
.exemptionSection .exemptionOptions .checkbox {
  flex: 0 0 50%;
  display: inline-flex !important;
}

.taxModal .modalContent .per_monthSubscriber .textfield:before {
  content: "$";
  position: absolute;
  bottom: 8px;
}

.add_userTab .add_userContent {
  padding: 0 !important;
  overflow: hidden !important;
  height: 510px;
}
.add_userTab .add_userContent .add_userInnerContent > div > div {
  background-color: #383f52;
  color: #fff;
}
.add_userTab .add_userContent .add_userInnerContent > div > div + p {
  padding: 15px !important;
  height: 435px;
}
.add_userTab .add_userContent .add_userInnerContent .active_User label {
  margin: 0px !important;
}
.add_userTab .add_userContent .add_userInnerContent .email_Calander {
  padding-left: 0 !important;
}
.add_userTab .add_userContent .add_userInnerContent .email_Calander label {
  margin: 0px !important;
}
.add_userTab .add_userContent .add_userInnerContent .email_Calander label span {
  height: auto !important;
}
.add_userTab .add_userContent .add_userInnerContent .createAccount {
  margin-top: 20px;
}
.add_userTab .add_userContent .add_userInnerContent .userinfoModal .appUserInfo .headerTitle {
  margin-bottom: 15px;
}
.add_userTab .add_userContent .add_userInnerContent .userinfoModal .appUserInfo label {
  margin-bottom: 10px !important;
}
.add_userTab .add_userContent2 {
  padding: 0 !important;
  overflow: hidden !important;
  height: 1610px;
}
.add_userTab .add_userContent2 .add_userInnerContent > div > div {
  background-color: #383f52;
  color: #fff;
}
.add_userTab .add_userContent2 .add_userInnerContent > div > div + p {
  padding: 15px !important;
  height: 1600px;
}
.add_userTab .add_userContent2 .add_userInnerContent .active_User label {
  margin: 0px !important;
}
.add_userTab .add_userContent2 .add_userInnerContent .email_Calander {
  padding-left: 0 !important;
}
.add_userTab .add_userContent2 .add_userInnerContent .email_Calander label {
  margin: 0px !important;
}
.add_userTab .add_userContent2 .add_userInnerContent .email_Calander label span {
  height: auto !important;
}
.add_userTab .add_userContent2 .add_userInnerContent .createAccount {
  margin-top: 20px;
}
.add_userTab .add_userContent2 .add_userInnerContent .userinfoModal .appUserInfo .headerTitle {
  margin-bottom: 15px;
}
.add_userTab .add_userContent2 .add_userInnerContent .userinfoModal .appUserInfo label {
  margin-bottom: 10px !important;
}

.tax_criteriaDialog label {
  margin-bottom: 10px !important;
}

.add_Criteria label {
  margin-bottom: 10px !important;
  margin-right: 10px !important;
}

.ipacessSection .ipaccess .radiogrp .radiobtn, .ipacessSection .ipaccess .packageSection .packageTablist .taxTab .customPackageSetting .radiogrp_lower .radiobtn, .packageSection .packageTablist .taxTab .customPackageSetting .ipacessSection .ipaccess .radiogrp_lower .radiobtn {
  display: inline-block !important;
  margin-right: 50px;
}
.ipacessSection .ipaccess .ipsection .iprow {
  margin-bottom: 10px;
}
.ipacessSection .ipaccess .ipsection .iprow label {
  min-width: 200px;
}
.ipacessSection .ipaccess .ipsection .iprow > div:last-child {
  vertical-align: super;
}

.appUserLogs .sectionContent .buttonSection {
  border: solid 1px #ddd;
}
.appUserLogs .sectionContent .buttonSection button {
  background-color: #fff !important;
  box-shadow: none !important;
  margin: 0 !important;
  border-left: solid 1px #ddd;
  border-radius: 0;
}
.appUserLogs .sectionContent .searchrow {
  margin-top: -5px;
}
.appUserLogs .sectionContent .searchrow > div {
  margin: 0 !important;
}
.appUserLogs .sectionContent .settings-tbl .div-table-parent {
  height: 320px;
}

.sectionContent-userRights .user_RightCheck {
  margin-bottom: 10px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .dialog-custombox {
    padding-top: 60px !important;
  }
  .dialog-custombox .dialog-body {
    min-height: 428px !important;
  }
  .dialog-custombox .dialog-body .custom-msg {
    font-size: 12px !important;
  }
  .dialog-custombox .dialog-body .rdw-editor-main {
    max-height: 257px !important;
    background: #f2f2f2;
    min-height: 257px !important;
    padding: 0 10px;
  }
  .customModal .modalContent > div:first-child > div:first-child {
    max-height: 100% !important;
    min-height: calc(100vh - 297px);
    overflow: auto;
  }
  .customModal .modalContent .tabsCustom .appUserLogs .sectionContent-userRights {
    max-height: calc(100vh - 375px) !important;
    min-height: calc(100vh - 375px) !important;
    overflow: auto;
    overflow-x: hidden !important;
  }
  .nav-collapsed .setting-content .Setting_section .package-list-sidebar {
    border-right: 1px solid #ccc;
    /* width: 218px; */
  }
  .setting-content .Setting_section .package-list-sidebar {
    border-right: 1px solid #ccc;
    /* width: 218px; */
  }
  .customModal .modalContent .tabsCustom .ipacessSection .ipaccess .ipsection {
    margin: 15px 0 0;
    max-height: calc(100vh - 428px) !important;
    min-height: calc(100vh - 428px);
    overflow: auto;
  }
  .customModal .modalContent .tabsCustom .appUserLogs .settings-tbl .table-absolute {
    max-height: calc(100vh - 436px) !important;
    min-height: calc(100vh - 436px) !important;
    overflow: auto;
  }
  .setting-content .Setting_section .package-list-sidebar {
    border-right: solid 1px #ccc !important;
    display: block !important;
    z-index: 99 !important;
    overflow: hidden !important;
  }
  .application-userinfo .div-table-parent {
    height: calc(100vh - 246px) !important;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
  .custom-groupBoxes {
    height: 320px;
    overflow: auto;
  }
  .dialog-custombox {
    padding-top: 60px !important;
  }
  .dialog-custombox .dialog-body {
    min-height: 428px !important;
  }
  .dialog-custombox .dialog-body .custom-msg {
    font-size: 12px !important;
  }
  .dialog-custombox .dialog-body .rdw-editor-main {
    max-height: 257px !important;
    background: #f2f2f2;
    min-height: 257px !important;
    padding: 0 10px;
  }
  .customModal .modalContent > div:first-child > div:first-child {
    max-height: 100% !important;
    min-height: calc(100vh - 159px);
    overflow: auto;
  }
  .customModal .modalContent .tabsCustom .appUserLogs .sectionContent-userRights {
    max-height: calc(100vh - 244px) !important;
    min-height: calc(100vh - 244px) !important;
    overflow: auto;
    overflow-x: hidden !important;
  }
  .nav-collapsed .setting-content .Setting_section .package-list-sidebar {
    border-right: 1px solid #ccc;
  }
  .setting-content .Setting_section .package-list-sidebar {
    border-right: 1px solid #ccc;
  }
  .customModal .modalContent .tabsCustom .ipacessSection .ipaccess .ipsection {
    margin: 15px 0 0;
    max-height: calc(100vh - 290px) !important;
    min-height: calc(100vh - 290px);
    overflow: auto;
  }
  .customModal .modalContent .tabsCustom .appUserLogs .settings-tbl .table-absolute {
    max-height: calc(100vh - 303px) !important;
    min-height: calc(100vh - 303px) !important;
    overflow: auto;
  }
  .setting-content .Setting_section .package-list-sidebar {
    border-right: solid 1px #ccc !important;
    display: block !important;
    z-index: 99 !important;
    overflow: hidden !important;
  }
  .application-userinfo .div-table-parent {
    height: calc(100vh - 246px) !important;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 2560px) {
  .customModal .modalContent .tabsCustom .ipacessSection .ipaccess .ipsection {
    margin: 15px 0 0;
    height: 37vh !important;
    overflow: auto;
  }
  .customModal {
    top: 15% !important;
  }
  .setting-content .Setting_section .package-list-sidebar {
    display: block !important;
    z-index: 99 !important;
    border-right: solid 1px #ccc !important;
    overflow: hidden !important;
  }
}
@media only screen and (min-width: 1440px) {
  .application-userinfo .div-table-parent {
    height: calc(100vh - 246px) !important;
  }
  .customModal .modalContent > div:first-child > div:first-child {
    max-height: 100% !important;
    min-height: calc(100vh - 397px);
    overflow: auto;
  }
  .customModal .modalContent .tabsCustom .ipacessSection .ipaccess .ipsection {
    margin: 15px 0 0;
    max-height: calc(100vh - 510px) !important;
    min-height: calc(100vh - 510px);
    overflow: auto;
  }
  .customModal .modalContent .tabsCustom .appUserLogs .settings-tbl .table-absolute {
    max-height: calc(100vh - 535px) !important;
    min-height: calc(100vh - 535px) !important;
    overflow: auto;
  }
  .nav-collapsed .setting-content .Setting_section .package-list-sidebar {
    border-right: 1px solid #ccc;
    /* width: 218px; */
  }
  .customModal .modalContent .tabsCustom .appUserLogs .sectionContent-userRights {
    max-height: calc(100vh - 470px) !important;
    min-height: calc(100vh - 470px) !important;
    overflow: auto;
    overflow-x: hidden !important;
  }
  .setting-content .Setting_section .package-list-sidebar {
    border-right: 1px solid #ccc;
    /* width: 218px; */
  }
}
@media only screen and (min-width: 1919px) {
  .application-userinfo .div-table-parent {
    height: calc(100vh - 324px) !important;
  }
  .customModal .modalContent > div:first-child > div:first-child {
    min-height: calc(100vh - 471px);
    overflow: auto;
    max-height: 100% !important;
  }
  .customModal .modalContent .tabsCustom .appUserLogs .sectionContent-userRights {
    max-height: calc(100vh - 550px) !important;
    min-height: calc(100vh - 550px) !important;
    overflow: auto;
    overflow-x: hidden !important;
  }
  .nav-collapsed .setting-content .Setting_section .package-list-sidebar {
    border-right: 1px solid #ccc;
  }
  .setting-content .Setting_section .package-list-sidebar {
    border-right: 1px solid #ccc;
  }
  .customModal .modalContent .tabsCustom .ipacessSection .ipaccess .ipsection {
    margin: 15px 0 0;
    max-height: calc(100vh - 602px) !important;
    min-height: calc(100vh - 602px);
    overflow: auto;
  }
  .customModal .modalContent .tabsCustom .appUserLogs .settings-tbl .table-absolute {
    max-height: calc(100vh - 615px) !important;
    min-height: calc(100vh - 615px) !important;
    overflow: auto;
  }
  .setting-content .Setting_section .package-list-sidebar {
    border-right: solid 1px #ccc !important;
    display: block !important;
    z-index: 99 !important;
    overflow: hidden !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 2560px) {
  .setting-mainQuad {
    border-bottom: 0px solid rgba(0, 0, 0, 0.15);
    padding: 0px 24px;
    word-break: break-word;
    margin: 0 0 45px;
  }
  .setting-mainQuad .select-invoice-btn i.material-icons {
    color: #fff;
  }
  .setting-mainQuad .package-invoice-quote-date-tbl {
    width: auto !important;
    float: right !important;
    margin-bottom: 0 !important;
  }
  .setting-mainQuad .package-invoice-quote-date-tbl td {
    padding: 4px 10px;
    border: none !important;
    text-align: left !important;
  }
  .setting-mainQuad .package-invoice-quote-date-tbl td span.green {
    color: #9e9e9e;
  }
  .setting-mainQuad .package-invoice-quote-date-tbl td span.red {
    color: #006eff;
  }
  .setting-mainQuad .package-invoice-quote-date-tbl td span.gray {
    color: #aaa;
  }
  .setting-mainQuad .package-invoice-quote-date-tbl td.selected span {
    border-bottom: 2px solid #0054f4 !important;
    display: block;
    padding-bottom: 5px;
  }
  .setting-mainQuad h6.text-blue.sub-title {
    padding: 0 !important;
    margin: 0 0 20px !important;
  }
  .setting-mainQuad .package-popup {
    margin: 0;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    width: 100%;
    top: 0px;
    z-index: 99;
    background: #fff;
  }
  .setting-mainQuad .package-popup .package-list-sidebar {
    background: rgba(0, 0, 0, 0.05);
    height: calc(100vh - 61px);
    min-height: calc(100vh - 61px);
    max-height: calc(100vh - 61px);
  }
  .setting-mainQuad .package-popup .package-list-body {
    margin: 0px 0;
    min-height: calc(100vh - 61px);
    max-height: calc(100vh - 61px);
    padding: 0px !important;
    background: #fff;
  }
  .setting-mainQuad .package-popup.hide {
    display: none;
  }
  .setting-mainQuad .subheader-list {
    font-size: 14px !important;
    color: rgba(0, 0, 0, 0.8) !important;
  }
  .setting-mainQuad .package-list-sidebar {
    position: relative;
    overflow: hidden;
  }
  .setting-mainQuad .package-list-sidebar .list-item-container {
    margin: -8px -15px;
  }
  .setting-mainQuad .package-list-sidebar .list-item-container .list-title {
    font-size: 12px !important;
    line-height: 10px !important;
    padding: 0px !important;
    margin: 0 !important;
    background: rgba(204, 204, 204, 0.23) !important;
    border-bottom: 1px solid #ccc !important;
  }
  .setting-mainQuad .package-list-sidebar .list-item-container .list-title button svg {
    color: #9e9e9e !important;
    height: 20px !important;
    width: 20px !important;
  }
  .setting-mainQuad .package-list-sidebar .list-item-container .list-title.active {
    background: rgba(84, 125, 249, 0.2) !important;
  }
  .setting-mainQuad .package-list-sidebar .list-item-container .list-item {
    font-size: 12px !important;
    line-height: 16px !important;
    padding: 2px !important;
    margin: 0 !important;
  }
  .setting-mainQuad .package-list-sidebar .list-item-container .list-item.activecls, .setting-mainQuad .package-list-sidebar .list-item-container .list-item.activecls:hover {
    background: #0a2571 !important;
  }
  .setting-mainQuad .package-list-sidebar .list-item-container .list-item.activecls div, .setting-mainQuad .package-list-sidebar .list-item-container .list-item.activecls:hover div {
    color: #fff !important;
  }
  .setting-mainQuad .package-list-sidebar .list-item-container .list-item > div {
    padding: 0px !important;
  }
  .setting-mainQuad .package-list-sidebar .list-item-container .list-item > div > div {
    padding: 10px 15px !important;
  }
  .setting-mainQuad .package-list-sidebar .list-item-container .list-item .material-icons {
    font-size: 14px !important;
    color: #616161 !important;
    left: 8px !important;
    top: 12px !important;
    position: absolute !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
  }
  .setting-mainQuad .package-list-sidebar .list-item-container .list-item:hover .material-icons.action {
    right: 18px !important;
    left: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inherit !important;
  }
  .setting-mainQuad .package-list-sidebar .list-item-container .list-item.bdr-bottom {
    border-bottom: 1px solid #ccc !important;
  }
  .setting-mainQuad .package-list-sidebar .list-item-container .list-item:hover {
    background: #c8d2f1 !important;
  }
}
.textfield_row * label,
.textfield * label {
  color: #9e9e9e !important;
}

.select-RadioContent input[type=radio] + div label {
  font-size: 12px !important;
}

span[role=menuitem] div {
  font-size: 12px !important;
}

.previewBtn {
  margin-right: 15px;
}

.setting-invoice-dialog {
  padding-top: 0 !important;
}
.setting-invoice-dialog > div > div {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 56px !important;
  transform: translate(0px, 60px) !important;
}
.setting-invoice-dialog > div > div > div {
  border-radius: 0px !important;
}
.setting-invoice-dialog > div > div > div .material-icons {
  font-size: 26px;
  top: 9px;
  position: relative;
  margin-right: 15px;
  color: #039be6 !important;
}
.setting-invoice-dialog > div > div > div p {
  display: inline-block;
  margin-bottom: 5px !important;
}
.setting-invoice-dialog > div > div > div .setting-invoice-dialog-body {
  padding: 24px 0 0 40px !important;
}
.setting-invoice-dialog > div > div > div .setting-currentdate-dialog {
  padding: 24px 0 24px 40px !important;
}
.setting-invoice-dialog > div > div > div .setting-allsubscriber-dialog {
  overflow: hidden;
}
.setting-invoice-dialog > div > div > div > div + div {
  padding: 8px 40px 24px 0 !important;
}
.setting-invoice-dialog > div > div > div button * {
  font-size: 12px !important;
}

.email-error > div:nth-child(3) > hr:nth-child(1) {
  border-top: 1px solid red !important;
  border-bottom: 1px solid red !important;
}

.email-error > div:nth-child(3) > hr:nth-child(2) {
  border-bottom: 0 solid red !important;
}

.email-error label {
  color: red !important;
}

.email-error-p {
  color: red !important;
  position: absolute;
  top: 100px;
  left: 0px;
}

#menu- li label {
  margin: 0px !important;
}

.label-font-size-14 + span {
  font-size: 14px !important;
}

.date-error-border > div:before,
.date-error-border > div:after {
  border-color: #f00;
}

.checkPoint span:last-child {
  margin-right: 15px;
}

.autoActionHeaderTitle > span {
  font-size: 14px !important;
}

.checkPoint span:last-child {
  margin-right: 0 !important;
}

.checkPoint span:first-child {
  padding-top: 0 !important;
}

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

.setting-menu div > span {
  font-weight: bold;
}

.settings-menu-sub-item span {
  padding-left: 20px;
}

.selected-menu-item:after {
  content: "";
  width: 3px;
  background: #0057ff;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.input-style > div,
.input-style > div input {
  font-size: 14px;
}

.settings-menu-item-padding {
  padding: 8px 16px !important;
}

.input-with-border {
  position: relative;
}
.input-with-border:before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid #949494;
}
.input-with-border:hover:before {
  border-bottom: 1px solid #000;
}

.dotted-border:before {
  border-bottom-style: dotted;
}
.dotted-border:hover:before {
  border-bottom-style: dotted;
}

.numeric-field:before {
  content: "$";
  position: absolute;
  top: 4px;
  font-size: 14px;
}
.numeric-field div input {
  text-align: right;
  padding-left: 5px;
  padding-right: 7px;
}

@media only screen and (min-width: 960px) {
  .setting-side-bar > div:nth-child(1) {
    background-color: #f5f5f5;
  }
}
.vR {
  font-size: 13px;
  display: inline-block;
  padding: 3px;
  vertical-align: middle;
}

.vN {
  background-color: #f5f5f5;
  border: 1px solid #d9d9d9;
  cursor: default;
  display: block;
  height: 24px;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.vT {
  display: inline-block;
  color: #222;
  margin: 2px 5px;
  max-width: 325px;
  max-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  direction: ltr;
  cursor: move;
}

.vM {
  display: inline-block;
  width: 16px;
  height: 20px;
  opacity: 0.6;
  vertical-align: text-bottom;
  cursor: pointer;
}

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

.toFieldInput {
  width: auto !important;
  display: inline-block !important;
  margin-left: 10px;
  top: 2px;
}
.toFieldInput > input {
  width: auto !important;
  display: inline-block !important;
}

.toEmailQuad > div:nth-child(1) {
  display: inline;
}

.list-send-to > div {
  padding: 11px 0px 10px 50px !important;
}
.list-send-to > div .material-icons {
  height: auto !important;
  width: auto !important;
  display: block;
  position: absolute !important;
  top: 0px !important;
  margin: 10px 10px 0 10px !important;
  font-size: 18px !important;
  left: 4px !important;
}
.list-send-to > div > div {
  font-size: 13px !important;
  color: #616161 !important;
}

.tray-container-open-insert-sidebar .docker-item-wide .tray-sidebar-tab-outer > div:nth-child(1) {
  background: rgb(56, 63, 82) !important;
  color: #616161 !important;
  border-bottom: 1px solid #ccc;
  height: 39px !important;
}

.tray-container-open-insert-sidebar .docker-item-wide .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab > div > div {
  height: 39px !important;
}

.tray-container-open-insert-sidebar .docker-item-container1 .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab > div > div .material-icons.emailtemplate-icon {
  color: #fff !important;
  font-size: 18px !important;
  position: relative !important;
  left: 0 !important;
}

.sidebar-close-btn .material-icons.emailtemplate-icon {
  color: #fff !important;
  font-size: 13px !important;
  position: relative !important;
  left: 0 !important;
}

#emailSection .addingScroll {
  overflow-y: auto;
  height: calc(100vh - 101px);
}

.borderBottom, .saveFilterModal .title, .noticeModal .title, .contentNewTemplate .AddNewTemplate, .add-new-template .newTemplateTitle, .tray-body .toolbar-class {
  border-bottom: 1px solid rgb(236, 236, 236);
}

.borderRight, .emailSection .firstRow .eyeIconContainer, .tray-body .toolbar-class > div, .tray-body .email-to-tab {
  border-right: 1px solid rgb(236, 236, 236);
}

.borderLeft {
  border-left: 1px solid rgb(236, 236, 236);
}

.package-hover-popup.positionLeft {
  left: calc(100% - 52.5vw) !important;
}

.hoverTemplate {
  padding: 10px;
  position: fixed;
  background: #fff;
  width: 200px;
  z-index: 99999;
  box-shadow: 0px 3px 6px rgb(221, 221, 221);
  height: auto;
}
.hoverTemplate .heading {
  font-weight: 500;
  font-size: 14px;
}
.hoverTemplate .service-section {
  border: 1px solid rgb(221, 221, 221);
  margin-top: 10px;
  padding-top: 3px;
  padding-left: 10px;
}
.hoverTemplate .service-section .service-heading {
  color: #3691eb;
  margin-bottom: 10px;
  font-weight: 500;
}
.hoverTemplate .service-section .serviceList {
  position: relative;
}
.hoverTemplate .service-section .serviceList .qty {
  position: absolute;
  left: 0;
  min-width: 30px;
  display: inline-block;
}
.hoverTemplate .service-section .serviceList .name {
  padding-left: 40px;
  display: inline-block;
}
.hoverTemplate .pricing-section {
  margin-top: 10px;
  background: #f5f4f4;
  padding-left: 10px;
  padding-top: 3px;
}
.hoverTemplate .pricing-section .heading {
  font-size: 14px;
  font-weight: 500;
}
.hoverTemplate .pricing-section .sub-section {
  padding-top: 10px;
}
.hoverTemplate .pricing-section .sub-section .name {
  min-width: 100px;
  display: inline-block;
  margin-right: 10px;
}

.errorBorder {
  border-bottom: 1px solid red;
}

.selectfieldMeridien > div:nth-child(2) > div:first-child > div:nth-child(2) {
  line-height: 75px !important;
}
.selectfieldMeridien button {
  top: 8px !important;
}

.subscriber-popup {
  max-width: 650px;
  max-height: 67vh;
  overflow-y: auto;
  padding: 10px;
  position: fixed;
  background: #fff;
  min-width: 430px !important;
  width: auto !important;
  z-index: 99999;
  font-size: 12px;
  box-shadow: 0px 0px 6px 3px rgb(204, 204, 204);
  height: auto;
}
.subscriber-popup .recipient-section .sub-section {
  padding-top: 15px;
}
.subscriber-popup .recipient-section .sub-section .color-gray {
  color: rgb(204, 204, 204) !important;
}
.subscriber-popup .recipient-section .sub-section .clip-icon {
  font-size: 20px;
  transform: rotate(-145deg) scaleX(-1);
  -moz-transform: rotate(-145deg) scaleX(-1);
  -webkit-transform: rotate(-145deg) scaleX(-1);
  -ms-transform: rotate(-145deg) scaleX(-1);
}
.subscriber-popup .recipient-section .sub-section .wordBreak {
  word-break: break-all;
}

.tray-body .email-to-tab {
  background-color: rgb(250, 250, 250) !important;
}
.tray-body .DraftEditor-root {
  min-height: auto !important;
  max-height: none !important;
  overflow: unset !important;
}
.tray-body .toolbar-class {
  margin-top: -0.5px;
  z-index: 200;
  margin-left: 5px;
  width: 57.5%;
  margin-bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  align-self: flex-end;
  justify-content: flex-end;
  padding-bottom: 11px;
  position: fixed;
}
.tray-body .toolbar-class > div {
  margin-bottom: 0;
  color: #616161;
}
.tray-body .toolbar-class .rdw-link-wrapper {
  border: none !important;
}
.tray-body .toolbar-class .additionalIcon {
  padding-left: 10px;
  height: 30px !important;
}
.tray-body .editor-class {
  margin-left: 18px;
  padding-top: 50px;
}
.tray-body .setHeight {
  display: flex;
  min-height: calc(100vh - 290px);
  max-height: calc(100vh - 290px);
}
.tray-body .wrapper-class {
  flex-grow: 7;
}
.tray-body .insertQuad {
  display: block;
  flex-grow: 3;
  width: 200px;
  position: static;
}
.tray-body .insertouterquad {
  flex: "1 1 auto";
  position: absolute;
  right: 0;
  z-index: 9999;
  min-width: 220px;
}
.tray-body .insertouterquad .additional-insert {
  text-align: right;
  padding-right: 12px;
}
.tray-body .insertouterquad .additional-insert .material-icons {
  font-size: 18px !important;
  vertical-align: bottom;
}
.tray-body .insertouterquad .additional-insert span {
  font-size: 13px !important;
  font-weight: 500;
}
.tray-body .toolbar-class {
  margin-left: 0px !important;
}
.tray-body .insertList {
  padding: 6px 10px 0 10px;
}
.tray-body .insertList .insert-title {
  font-size: 13px !important;
  color: #616161 !important;
  font-weight: 500 !important;
}
.tray-body .insertList .insert-clear-list {
  position: absolute;
  top: 8px;
  right: 5px;
}
.tray-body .insertList .insert-clear-list .material-icons {
  font-size: 16px !important;
}
.tray-body .insertList .insert-clear-list svg {
  font-size: 16px !important;
  margin-top: -1px;
}

.schedulePopup > div:first-child {
  overflow: visible !important;
}

.alignmentSuper {
  vertical-align: super;
}

.schedularContent {
  padding: 0px 15px 10px;
  overflow: hidden;
  font-size: 12px !important;
}
.schedularContent:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 3%;
  width: 0;
  height: 0;
  border-top: solid 12px #fff;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent;
}
.schedularContent:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 3%;
  width: 0;
  height: 0;
  border-top: solid 14px #ccc;
  border-left: solid 16px transparent;
  border-right: solid 16px transparent;
}
.schedularContent .selectfield {
  font-size: 12px !important;
  height: 54px !important;
  vertical-align: bottom;
}
.schedularContent .selectfield label {
  font-size: 13px !important;
  top: 25px !important;
}
.schedularContent .selectfield label + div {
  margin-top: 0px !important;
}
.schedularContent .saveIcon, .schedularContent .closeIcon {
  font-size: 20px;
  color: #77dc72;
}
.schedularContent .closeIcon {
  color: #ee462e;
}

.schedulePopup {
  margin-top: -10px;
  margin-left: -18px;
}

.scheduleFooter {
  padding: 5px;
  min-width: 25px;
  height: 20px;
  margin: 0 4px;
  justify-content: center;
  align-items: center;
  display: flex;
  background-color: rgb(245, 245, 245);
}

.tray-footer {
  right: 0;
}
.tray-footer .footer-items .schedularWrapper {
  display: flex;
  flex-direction: row-reverse;
  padding-left: calc(100% - 47vw);
}
.tray-footer .footer-items .schedularWrapper a {
  display: flex !important;
  flex-direction: column;
}
.tray-footer .footer-items .schedularWrapper > div {
  display: flex;
  flex-direction: column;
}

.emailSection .email-typecontent > div:nth-child(1) {
  width: 100%;
  overflow: auto;
}
.emailSection .textFieldInput {
  width: auto !important;
  margin-left: 10px;
}
.emailSection .public-DraftEditor-content {
  word-break: normal;
  margin-right: 5%;
}
.emailSection .setHeight {
  min-height: initial !important;
  max-height: initial !important;
}
.emailSection .editor-class {
  margin-right: 4px;
}
.emailSection .DraftEditor-root {
  height: auto !important;
  overflow: initial !important;
  max-height: none !important;
  min-height: auto !important;
}
.emailSection .firstRow .arrangeItems {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.emailSection .firstRow .arrangeItems > div {
  display: flex;
  flex-direction: column;
}
.emailSection .firstRow .arrangeItems > div:first-child {
  align-self: center;
}
.emailSection .firstRow .eyeIconContainer {
  padding-right: 5px;
  margin-right: 4px;
  margin-top: 7px;
  align-self: flex-start;
}
.emailSection .firstRow .eyeIconContainer .eyeIcon {
  font-size: 20px;
}
.emailSection .firstRow .checkboxSection {
  margin-top: 3px;
}
.emailSection .firstRow .checkboxSection .checkbox-label {
  margin-right: 10px;
}
.emailSection .firstRow .checkboxSection .checkbox-label input + div > div:first-child {
  margin-right: 5px !important;
}
.emailSection .firstRow .checkboxSection .checkbox-label:last-child {
  margin-right: 0;
}

.statementSection {
  position: absolute;
  top: 0;
  left: 12px;
  z-index: 999;
  padding: 15px;
  min-width: 350px;
  background-color: white;
  box-shadow: 0px 0px 6px 3px rgb(204, 204, 204);
}
.statementSection .heading {
  font-weight: 500;
  font-size: 14px !important;
}
.statementSection .statementRadioButton {
  width: auto !important;
}
.statementSection .statementRadioButton label {
  font-size: 12px !important;
  margin-bottom: 0 !important;
  width: auto !important;
}

.statementPopover {
  padding: 15px;
  z-index: 1003 !important;
  box-shadow: 0px 0px 6px 3px rgb(204, 204, 204);
  min-width: 350px;
  overflow: visible !important;
}
.statementPopover:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 45%;
  width: 0;
  height: 0;
  border-top: solid 14px #ccc;
  border-left: solid 16px transparent;
  border-right: solid 16px transparent;
}
.statementPopover:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 45%;
  width: 0;
  height: 0;
  border-top: solid 12px #fff;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent;
}
.statementPopover > div:first-child {
  overflow: visible !important;
}
.statementPopover .content {
  overflow: hidden;
}
.statementPopover .heading {
  font-weight: 500;
  font-size: 14px !important;
}
.statementPopover .statementRadioButton {
  width: auto !important;
}
.statementPopover .statementRadioButton label {
  font-size: 12px !important;
  margin-bottom: 0 !important;
  width: auto !important;
}

.add-new-template .newTemplateTitle {
  padding: 5px 10px 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.contentNewTemplate {
  width: 35% !important;
}
.contentNewTemplate .AddNewTemplate {
  padding: 5px 10px 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}
.contentNewTemplate .NewTemplate {
  padding: 15px 24px 20px !important;
}

.noticeModal {
  width: 35% !important;
}
.noticeModal .title {
  padding: 5px 10px 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}
.noticeModal .modalBody {
  padding: 20px 15px !important;
  font-size: 14px !important;
}
.noticeModal .modalFooter {
  padding: 0 15px 20px !important;
}

.saveFilterModal {
  width: 40% !important;
}
.saveFilterModal .title {
  padding: 5px 10px 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}
.saveFilterModal .modalBody {
  padding: 20px 15px !important;
  font-size: 14px !important;
}

.subject-tab .email-filter-title {
  color: #fff;
}
.subject-tab .field-list-field-cont > div {
  box-shadow: none !important;
  padding: 0px 0px 8px 0 !important;
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .subject-tab .email-schedule-img {
    background-repeat: no-repeat;
    height: 23px;
    width: 23px;
  }
  .subject-tab .email-reader_mode-img {
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
  }
  .subject-tab .email-filter-title {
    display: none;
  }
  .tray-container-open-insert-sidebar .docker-item-container1 .subject-tab {
    display: none !important;
  }
  .tray-container-open-insert-sidebar .docker-item-container1.wide .subject-tab {
    display: block !important;
  }
  .docker-item-container-hide .subject-tab {
    display: none;
  }
  .right-sidebar-open .tray-full .docker-item-container1 {
    right: 54px;
  }
  .right-sidebar-close .tray-container-close-insert-sidebar .docker-item-container1 {
    right: 0 !important;
  }
  .right-sidebar-open .tray-container-open-insert-sidebar .wide {
    right: 54px !important;
  }
  .tray-body .tray-footer {
    right: 0;
    max-width: 72.5vw;
  }
  .tray-body .tray-footer .schedularWrapper {
    padding-left: calc(100% - 71vw) !important;
  }
  .tray-body .subject-tab {
    background-color: rgb(250, 250, 250) !important;
    width: calc(100% - 72.7vw) !important;
  }
  .docker-item-wide.wide {
    width: 91vw;
  }
  .insertQuad .search-insertList {
    width: 199px !important;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
  .tray-container-open-insert-sidebar .docker-item-container1 .subject-tab {
    display: none !important;
  }
  .tray-container-open-insert-sidebar .docker-item-container1.wide .subject-tab {
    display: block !important;
  }
  .docker-item-container-hide .subject-tab {
    display: none;
  }
  .right-sidebar-open .tray-full .docker-item-container1 {
    right: 54px;
  }
  .right-sidebar-close .tray-container-close-insert-sidebar .docker-item-container1 {
    right: 0 !important;
  }
  .right-sidebar-open .tray-container-open-insert-sidebar .wide {
    right: 54px !important;
  }
  .tray-body .tray-footer {
    right: 0;
    max-width: 67.9vw;
  }
  .tray-body .tray-footer .schedularWrapper {
    padding-left: calc(100% - 66.9vw) !important;
  }
  .tray-body .subject-tab {
    background-color: rgb(250, 250, 250) !important;
    width: calc(100% - 68vw) !important;
  }
  .docker-item-wide.wide {
    width: 90vw;
  }
  .insertQuad .search-insertList {
    width: 199px !important;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1919px) {
  .tray-container-open-insert-sidebar .docker-item-container1 .subject-tab {
    display: none !important;
  }
  .tray-container-open-insert-sidebar .docker-item-container1.wide .subject-tab {
    display: block !important;
  }
  .docker-item-container-hide .subject-tab {
    display: none;
  }
  .right-sidebar-open .docker-item-container1 {
    right: 0px;
  }
  .tray-body .subject-tab {
    display: inherit;
    left: 0;
    top: 0;
    height: 100%;
    width: calc(100% - 58.6vw) !important;
    background: #fff;
  }
  .tray-body .tray-footer {
    right: 0;
    max-width: 58.5vw !important;
  }
  .tray-body .tray-footer .schedularWrapper {
    padding-left: calc(100% - 57vw) !important;
  }
  .docker-item-wide.wide {
    width: 76vw;
  }
  .insertQuad .search-insertList {
    width: 220px !important;
  }
}
@media only screen and (min-width: 1920px) {
  .tray-container-open-insert-sidebar .docker-item-container1 .subject-tab {
    display: none !important;
  }
  .tray-container-open-insert-sidebar .docker-item-container1.wide .subject-tab {
    display: block !important;
  }
  .docker-item-container-hide .subject-tab {
    display: none;
  }
  .right-sidebar-open .docker-item-container1 {
    right: 0px;
  }
  .tray-body .subject-tab {
    background-color: rgb(250, 250, 250) !important;
    width: calc(100% - 48.4vw) !important;
  }
  .tray-body .tray-footer {
    right: 0;
    max-width: 48vw;
  }
  .insertQuad .search-insertList {
    width: 190px !important;
  }
  .docker-item-wide.wide {
    width: 65vw;
  }
}
@media only screen and (width: 1920px) {
  .adjustHeight {
    height: 100% !important;
  }
}
@media only screen and (width: 1440px) {
  .tray-container-open-insert-sidebar .docker-item-container1 .subject-tab {
    display: none !important;
  }
  .tray-container-open-insert-sidebar .docker-item-container1.wide .subject-tab {
    display: block !important;
  }
  .docker-item-container-hide .subject-tab {
    display: none;
  }
  .right-sidebar-open .tray-full .docker-item-container1 {
    right: 54px;
  }
  .right-sidebar-close .tray-container-close-insert-sidebar .docker-item-container1 {
    right: 0 !important;
  }
  .right-sidebar-open .tray-container-open-insert-sidebar .wide {
    right: 54px !important;
  }
  .adjustHeight {
    height: 100% !important;
  }
  .tray-body .tray-footer {
    right: 0;
    max-width: 64.7vw;
  }
  .tray-body .tray-footer .schedularWrapper {
    padding-left: calc(100% - 64vw) !important;
  }
  .tray-body .subject-tab {
    background-color: rgb(250, 250, 250) !important;
    width: calc(100% - 64.9vw) !important;
  }
  .insertQuad .search-insertList {
    width: 180px !important;
  }
  .docker-item-wide.wide {
    width: 86vw;
  }
}
.child-div-auto-width > div {
  width: auto !important;
}

.popover-arrow:before, .popover-arrow:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
}

.popover-arrow.bottom:before, .popover-arrow.bottom:after, .popover-arrow.bottom-left:before, .popover-arrow.bottom-left:after, .popover-arrow.bottom-right:before, .popover-arrow.bottom-right:after {
  top: 100%;
  left: 45%;
}
.popover-arrow.bottom:before, .popover-arrow.bottom-left:before, .popover-arrow.bottom-right:before {
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 14px solid #ccc;
}
.popover-arrow.bottom:after, .popover-arrow.bottom-left:after, .popover-arrow.bottom-right:after {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 12px solid #fff;
}
.popover-arrow.bottom.bottom-left:before, .popover-arrow.bottom.bottom-left:after, .popover-arrow.bottom-left.bottom-left:before, .popover-arrow.bottom-left.bottom-left:after, .popover-arrow.bottom-right.bottom-left:before, .popover-arrow.bottom-right.bottom-left:after {
  left: 0%;
}
.popover-arrow.bottom.bottom-right:before, .popover-arrow.bottom.bottom-right:after, .popover-arrow.bottom-left.bottom-right:before, .popover-arrow.bottom-left.bottom-right:after, .popover-arrow.bottom-right.bottom-right:before, .popover-arrow.bottom-right.bottom-right:after {
  left: 90%;
}
.popover-arrow.top:before, .popover-arrow.top:after, .popover-arrow.top-left:before, .popover-arrow.top-left:after, .popover-arrow.top-right:before, .popover-arrow.top-right:after {
  top: -14px;
  left: 45%;
}
.popover-arrow.top:before, .popover-arrow.top-left:before, .popover-arrow.top-right:before {
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 14px solid #ccc;
}
.popover-arrow.top:after, .popover-arrow.top-left:after, .popover-arrow.top-right:after {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 12px solid #fff;
}
.popover-arrow.top.top-left:before, .popover-arrow.top.top-left:after, .popover-arrow.top-left.top-left:before, .popover-arrow.top-left.top-left:after, .popover-arrow.top-right.top-left:before, .popover-arrow.top-right.top-left:after {
  left: 0%;
}
.popover-arrow.top.top-right:before, .popover-arrow.top.top-right:after, .popover-arrow.top-left.top-right:before, .popover-arrow.top-left.top-right:after, .popover-arrow.top-right.top-right:before, .popover-arrow.top-right.top-right:after {
  left: 90%;
}
.popover-arrow.left:before, .popover-arrow.left:after, .popover-arrow.left-top:before, .popover-arrow.left-top:after, .popover-arrow.left-bottom:before, .popover-arrow.left-bottom:after {
  left: -14px;
  top: 45%;
}
.popover-arrow.left:before, .popover-arrow.left-top:before, .popover-arrow.left-bottom:before {
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 14px solid #ccc;
}
.popover-arrow.left:after, .popover-arrow.left-top:after, .popover-arrow.left-bottom:after {
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 12px solid #fff;
}
.popover-arrow.left.left-top:before, .popover-arrow.left.left-top:after, .popover-arrow.left-top.left-top:before, .popover-arrow.left-top.left-top:after, .popover-arrow.left-bottom.left-top:before, .popover-arrow.left-bottom.left-top:after {
  top: 0%;
}
.popover-arrow.left.left-bottom:before, .popover-arrow.left.left-bottom:after, .popover-arrow.left-top.left-bottom:before, .popover-arrow.left-top.left-bottom:after, .popover-arrow.left-bottom.left-bottom:before, .popover-arrow.left-bottom.left-bottom:after {
  top: 90%;
}
.popover-arrow.right:before, .popover-arrow.right:after, .popover-arrow.right-top:before, .popover-arrow.right-top:after, .popover-arrow.right-bottom:before, .popover-arrow.right-bottom:after {
  left: 100%;
  top: 45%;
}
.popover-arrow.right:before, .popover-arrow.right-top:before, .popover-arrow.right-bottom:before {
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 14px solid #ccc;
}
.popover-arrow.right:after, .popover-arrow.right-top:after, .popover-arrow.right-bottom:after {
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 12px solid #fff;
}
.popover-arrow.right.right-top:before, .popover-arrow.right.right-top:after, .popover-arrow.right-top.right-top:before, .popover-arrow.right-top.right-top:after, .popover-arrow.right-bottom.right-top:before, .popover-arrow.right-bottom.right-top:after {
  top: 0%;
}
.popover-arrow.right.right-bottom:before, .popover-arrow.right.right-bottom:after, .popover-arrow.right-top.right-bottom:before, .popover-arrow.right-top.right-bottom:after, .popover-arrow.right-bottom.right-bottom:before, .popover-arrow.right-bottom.right-bottom:after {
  top: 90%;
}

.text-FieldWidth {
  width: 100%;
}

.mainContact-Quad a {
  color: #0054f4 !important;
  font-weight: 400;
}
.mainContact-Quad * h6 {
  margin: 0;
}
.mainContact-Quad * h3 {
  font-weight: 400;
  text-transform: inherit !important;
  letter-spacing: 0px;
  margin: 0;
  line-height: 26px;
  word-wrap: break-word;
  font-size: 12px !important;
}
.mainContact-Quad .contactBox {
  height: 100%;
  min-height: 150px;
  background: #f7f8f9;
  position: relative;
  padding: 10px 0;
}
.mainContact-Quad .contactBox .location-icon {
  color: #ee462e;
}
.mainContact-Quad .contactBox .addBtn {
  position: relative;
  top: 6px;
  margin-left: 5px;
}
.mainContact-Quad .package-section .packageTitle {
  border-bottom: solid 1px #eee;
  padding-bottom: 5px;
}
.mainContact-Quad .package-section .package-status {
  font-size: 10px !important;
  margin-right: 5px;
  color: #62C669;
}
.mainContact-Quad .package-section .ticketRecord > div {
  display: inline-block;
  width: 15% !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  line-height: 26px;
}
.mainContact-Quad .package-section .ticketRecord .ticketDetail {
  width: 40% !important;
}
.mainContact-Quad .package-section .ticketRecord .ticketStatus {
  width: 15% !important;
}
.mainContact-Quad .package-section .ticketRecord .ticketTime {
  width: 15% !important;
}

.configure-package .equipmentServices .packageTitle {
  border-bottom: solid 1px #eee;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
}
.configure-package .equipmentServices .packageTitle .packageBtn {
  position: absolute;
  right: 10px;
  top: 0;
}

.notification-header {
  height: 20px;
  font-size: 11px;
  margin: 10px 0 5px 0;
}

.notification-header-span {
  float: left;
  color: #616161;
}

.notification-header-anchor {
  float: right;
  color: #0054f4;
}

.notification-footer {
  text-align: center;
}

.notification-font {
  font-size: 11px;
  font-weight: 500;
}

.notification-divider {
  margin-top: 0px;
  margin-bottom: 0px;
}

.notification-padding {
  padding: 0px 10px 0px 10px;
}

.notification-subheader {
  color: #757575 !important;
}

.notification-icon-btn {
  width: 60px;
  height: 60px;
}

.notification-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.notification-container > .fade {
  opacity: 0;
  transition: 0.5s opacity;
}

.notification-container:hover > .fade {
  opacity: 1;
}

.notification-pin > svg {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.notification-route {
  padding: 0px 30px;
}

.reminder-container {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.reminder-header {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-size: 20px;
  transition: 0.5s;
}

.reminder-header:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.reminder-title {
  margin-right: 5px;
}

.reminder-actions {
  padding: 15px;
}

.reminder-action {
  margin: 5px;
}

.reminder-message {
  margin-top: 20px;
}

.reminder-message > h4 {
  color: #ef5350;
  font-size: 17px;
}

.reminder-message > h6 {
  font-size: 15px;
}

.reminder-payment {
  background-color: #e8e8e8;
}

.reminder-payment-title {
  background-color: #e8e8e8;
  font-size: 15px !important;
  padding: 5px 5px 5px 25px !important;
  font-weight: 500 !important;
  color: #616161 !important;
}

.reminder-payment-content {
  display: flex;
  padding: 10px 10px 10px 0px;
}

.reminder-section-title {
  font-family: Arial;
  font-size: 15px;
  font-weight: 540;
  color: #0053F4;
  margin: 5px 0px 5px 0px;
}

.reminder-payment-autopay {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
}

.reminder-payment-toggle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 5px 0px 5px 0px;
}

.reminder-payment-toggle > div {
  font-size: 14px;
}

.reminder-payment-checkbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 5px 0px 5px 65px;
}

.reminder-payment-checkbox > div {
  font-size: 14px;
}

.reminder-payment-textbox {
  border-width: 0px 0px 1px 0px;
  border-color: #868686;
  opacity: 0.8;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 500;
}

.reminder-payment-textbox:focus {
  outline: none;
  box-shadow: none;
}

.reminder-payment-textbox:disabled {
  background-color: white;
  border-color: #bebebe;
  color: #bebebe;
}

.message-info {
  font-size: 15px;
  background-color: #b3e5fc;
  padding: 5px 5px 5px 10px;
  width: 100%;
  margin: 5px 0px 5px 0px;
}

.reminder-transaction {
  padding: 10px 0px 10px 0px;
}

.reminder-transaction-form {
  display: flex;
  align-content: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.reminder-transaction-subform {
  display: flex;
  justify-content: flex-start;
}

.reminder-transaction-form-item {
  margin: 0px 5px 0px 5px;
}

.reminder-currency-input > input {
  text-align: end;
  size: 5 !important;
}

.reminder-transaction-footer {
  margin-top: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.reminder-transaction-span {
  color: #43a047;
  font-size: 14px;
}

.micr-symbol {
  font-family: micr;
  font-size: 40px;
}

.reminder-transaction-check {
  padding: 10px;
  width: 250px;
  font-size: 14px;
}

.vertical-align {
  display: flex;
  align-items: center;
}

.page-profile {
  height: calc(100vh - 54px);
  overflow: scroll;
}

.profile-section-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 40px;
}

.profile-component {
  display: flex;
  align-items: flex-start;
}

.profile-component .form-group {
  margin-bottom: 20px !important;
}

.pwd_withStrength > input {
  height: auto !important;
}

.profile-padding {
  padding-left: 5px;
  padding-right: 5px;
}

.progress_complete {
  background-color: #ccc !important;
}

.progress_complete > div {
  background-color: #f44336 !important;
}

.progress_incomplete {
  background-color: #ccc !important;
}

.progress_incomplete > div {
  background-color: #8bc34a !important;
}

.defaultWidgetFrame.movable {
  cursor: move;
}

.defaultWidgetFrame {
  position: relative;
  width: 100%;
  margin-bottom: 25px;
  padding: 10px 17px;
  display: inline-block;
  background: #fff;
  border: 1px solid #e6e9ed;
}

.defaultWidgetFrameHeader {
  /*border-bottom: 2px solid #E6E9ED;*/
  padding: 1px 5px 6px;
  margin-bottom: 10px;
  height: 35px;
}

.defaultWidgetFrameHeader .title {
  font-size: 18px;
  float: left;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.defaultWidgetFrameHeader .remove {
  float: right;
  font-size: 11px;
  cursor: pointer;
  text-decoration: none;
  margin-top: 5px;
}

.add-widget-button {
  padding: 10px;
  text-align: center;
  border: 1px dotted #dcdcdc;
  margin-bottom: 10px;
  cursor: pointer;
  text-decoration: none;
}

.add-widget-link {
  text-decoration: none;
}

.editable-column {
  border: 1px dotted #8c8080;
  padding: 10px;
}

.droppable-column {
  background-color: #e7e7e7;
}

.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}

.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
}

.react-grid-item.cssTransforms {
  transition-property: transform;
}

.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.react-grid-placeholder {
  background: #ffe13a;
  border-style: dotted;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=");
  background-position: bottom right;
  padding: 0 3px 3px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  cursor: se-resize;
}

.react-resizable {
  position: relative;
}

.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+");
  background-position: bottom right;
  padding: 0 3px 3px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  cursor: se-resize;
}

/*  dashboard style style */
/** THIS STYLING IS HORRIBLE, PLEASE DON'T DO THIS */
[data-tooltip] {
  position: relative;
}

/* Tooltip styling */
[data-tooltip]:before {
  content: attr(data-tooltip);
  white-space: nowrap;
  display: none;
  position: absolute;
  color: #b4b6b7;
  font-weight: 400;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1.4;
  min-width: auto;
  text-align: center;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
}

/* Dynamic horizontal centering */
[data-tooltip-position=top]:before,
[data-tooltip-position=bottom]:before {
  left: 0%;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-95%);
}

/* Dynamic vertical centering */
[data-tooltip-position=right]:before,
[data-tooltip-position=left]:before {
  top: 50%;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

[data-tooltip-position=top]:before {
  bottom: 100%;
  margin-bottom: 6px;
}

[data-tooltip-position=right]:before {
  left: 100%;
  margin-left: 6px;
}

[data-tooltip-position=bottom]:before {
  top: 70%;
  margin-top: 5px;
}

[data-tooltip-position=left]:before {
  right: 100%;
  margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
  content: "";
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position=top]:after,
[data-tooltip-position=bottom]:after {
  left: 50%;
  margin-left: -6px;
}

/* Dynamic vertical centering for the tooltip */
[data-tooltip-position=right]:after,
[data-tooltip-position=left]:after {
  top: 50%;
  margin-top: -6px;
}

[data-tooltip-position=top]:after {
  bottom: 100%;
  border-width: 6px 6px 0;
  border-top-color: #444;
}

[data-tooltip-position=right]:after {
  left: 100%;
  border-width: 6px 6px 6px 0;
  border-right-color: #444;
}

[data-tooltip-position=bottom]:after {
  top: 100%;
}

[data-tooltip-position=left]:after {
  right: 100%;
  border-width: 6px 0 6px 6px;
  border-left-color: #444;
}

/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display: block;
  z-index: 50;
}

.drawer-list * {
  font-size: 12px !important;
}

.drawer-list li {
  padding: 5px 0px 5px 24px;
}

.sidemenu-leftdrawer {
  position: absolute;
  top: 10px;
  right: 39px !important;
}

.right-sidebar-open .sidemenu-leftdrawer {
  position: absolute;
  top: 17px;
}

.right-sidebar-open .dashboard-drawer > div {
  top: 61px !important;
}
.right-sidebar-open .dashboard-drawer .sidebar-closebtn {
  right: 60px !important;
}

.sidebar-closebtn {
  right: 30px !important;
}

text.highcharts-credits {
  display: none;
}

@media only screen and (min-width: 1025px) {
  table.table tbody.tbody-package tr td div.reports-icons-export-open-tab {
    visibility: hidden;
  }
}

table.table tbody.tbody-package tr:hover td div.reports-icons-export-open-tab {
  visibility: visible;
}

.defaultWidgetFrameHeader.drag-handle .remove {
  visibility: hidden;
}

.defaultWidgetFrameHeader.drag-handle:hover .remove,
.dashboard-Quad.react-draggable:hover .remove {
  visibility: visible;
  padding: 2px 5px;
}

.dashboard-Quad .react-resizable-handle {
  visibility: hidden;
}

.report-cont {
  background: #f3f3f3 !important;
}

.page-dashboard.container-fluid .dashboard-drawer > div:nth-child(2) {
  top: 60px !important;
}

tr.credidpay-tableDetail:hover {
  background-color: #c8d2f1;
}

.reportQuad .report-item-actions {
  margin: 5px 0 0 !important;
  position: absolute;
  right: 10px;
}
.reportQuad .report-item-actions svg {
  font-size: 22px !important;
}

.report-item-group.reportQuad.row {
  position: relative;
}

.react-grid-layout.layout.dashboard-Quad * .reportQuad .report-item-actions {
  margin: 0 !important;
  position: absolute;
  right: 0px;
  top: 12px;
}
.react-grid-layout.layout.dashboard-Quad * .reportQuad .report-item-actions button {
  padding: 0;
  height: auto;
  width: auto;
}
.react-grid-layout.layout.dashboard-Quad * .defaultWidgetFrame {
  margin-bottom: 20px;
  padding: 0;
  display: block;
}
.react-grid-layout.layout.dashboard-Quad * .defaultWidgetFrameHeader {
  padding: 10px 15px;
  margin-bottom: 0;
  height: auto;
}
.react-grid-layout.layout.dashboard-Quad * .defaultWidgetFrameHeader .remove {
  margin: 0px !important;
}
.react-grid-layout.layout.dashboard-Quad * .defaultWidgetFrameHeader .remove .material-icons {
  font-size: 18px !important;
}
.react-grid-layout.layout.dashboard-Quad * .defaultWidgetFrameHeader .title {
  font-size: 14px !important;
  font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
  float: none;
  color: #616161;
  display: inline;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .subscribers-Count {
  color: #4caf50;
  font-size: 14px;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .subscribers-Date {
  color: #039be6;
  font-size: 14px;
}
@media only screen and (min-width: 1025px) {
  .react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .well:hover .legend-line .link-subscriber-icon {
    visibility: visible;
  }
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .well {
  text-align: center;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .well .userCount {
  display: block;
  font-size: 22px !important;
  font-weight: 400 !important;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .well .legend-line .link-subscriber-icon {
  color: #0d5ff4 !important;
  visibility: hidden;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .highcharts-container * {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .dashboard-revenue .total-Revenue {
  color: #85c679;
  font-size: 22px !important;
  font-weight: 400 !important;
  padding-bottom: 5px;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .dashboard-revenue .material-icons {
  font-size: 16px;
  margin-left: 1px;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .dashboard-revenue .revenue-text {
  font-size: 12px !important;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .dashboard-revenue .pay-due {
  color: #fcbe42;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .dashboard-revenue .total-Revenue-arpu {
  color: green;
  font-size: 23px !important;
  font-weight: 400 !important;
  padding-bottom: 5px;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .dashboard-revenue .pay-invoice {
  color: #365098;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .tickets-events {
  font-size: 22px !important;
  color: rgb(255, 183, 77);
  font-weight: 400 !important;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .tickets-scheduled {
  font-size: 22px !important;
  color: #4caf50;
  font-weight: 400 !important;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .tickets-success {
  font-size: 22px !important;
  color: #039be6;
  font-weight: 400 !important;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .padbtm-5 {
  padding-bottom: 5px;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .tickets-Status {
  color: #039be6 !important;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .tickets-Status span {
  color: #039be6 !important;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-innerSection .ticket-cod {
  vertical-align: middle;
}
.react-grid-layout.layout.dashboard-Quad * .selectedReport {
  cursor: pointer;
}
.react-grid-layout.layout.dashboard-Quad * .unselectedReport {
  cursor: pointer;
}
.react-grid-layout.layout.dashboard-Quad * .react-grid-layout.layout.dashboard-Quad * .well:last-child:after {
  border: 0 !important;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-activity {
  background: #50c4d3;
  padding: 10px;
  overflow: hidden;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-activity * {
  color: #fff;
  line-height: 22px;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-activity div:nth-child(2) {
  font-size: 16px;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-activity.activity-activatedSub {
  background: #e3bb33;
}
.react-grid-layout.layout.dashboard-Quad * .dashboard-activity.activity-billed {
  background: #9f6add;
}
.react-grid-layout.layout.dashboard-Quad * .page-reports .category-box .report-item-group .report-item-actions.dashboard-report-action {
  float: left !important;
}
.react-grid-layout.layout.dashboard-Quad * .page-reports .category-box .report-content.dasboard-report-content:hover {
  overflow: auto !important;
}
.react-grid-layout.layout.dashboard-Quad * .page-reports .category-box .report-item-group .report-item-title.dasboard-report-title,
.react-grid-layout.layout.dashboard-Quad * .page-reports .category-box .report-item-group .report-item-description.dasboard-report-title {
  padding-left: 40px;
}
.react-grid-layout.layout.dashboard-Quad * .page-reports .category-box .report-item-group.dashboard-report-group {
  padding: 8px 15px !important;
}
.react-grid-layout.layout.dashboard-Quad * .unselectedReport {
  cursor: pointer;
}
.react-grid-layout.layout.dashboard-Quad * .ticket-Unassigned {
  cursor: pointer;
  color: #fc9994 !important;
}
.react-grid-layout.layout.dashboard-Quad * .ticket-Assigned {
  cursor: pointer;
  color: red !important;
}
.react-grid-layout.layout.dashboard-Quad * .ticket-Open {
  cursor: pointer;
  color: #4caf50 !important;
}

.dashboard-drawer .drawer-Header {
  padding: 15px;
}
.dashboard-drawer .drawer-Header .drawer-title {
  font-size: 14px;
  line-height: 18px;
}
.dashboard-drawer .drawer-Header .material-icons {
  font-size: 18px;
}

.dashboard-settings {
  width: 35px !important;
  height: 35px !important;
  padding: 10px !important;
}

.dashboard-settings .material-icons.settings-nav-icon {
  font-size: 18px;
}

.selectedReport {
  margin-right: 10px;
  margin-left: 10px;
}

.selectedReport.active {
  padding-bottom: 2px;
  border-bottom: 2px solid #286ced;
}

.unselectedReport {
  margin: 0 10px;
}

.highcharts-button {
  border-right: solid 1px #000;
}

.stickyHeader .section-title {
  margin-bottom: 15px;
}

.dashboard-ticket-msg {
  top: 35%;
  font-size: 18px !important;
  color: #ccc !important;
  text-align: center;
  position: relative;
}

.page-dashboard.dashboard-headQuad {
  background-color: #f2f3f8;
  height: calc(100vh - 105px);
  overflow: auto;
}

.react-grid-layout.layout.dashboard-Quad * .reportQuad a.report-item-action svg {
  fill: #0054f4 !important;
}

.react-grid-layout.layout.dashboard-Quad * .reportQuad:hover a.report-item-action svg {
  fill: #0054f4 !important;
}

.react-grid-layout.layout.dashboard-Quad * .reportQuad a.report-item-action.favorite .material-icons {
  fill: #e6b10c !important;
}

@media only screen and (min-width: 2000px) {
  .Doughnut {
    max-width: 300px;
  }
}
@media only screen and (min-width: 1920px) {
  .dashboard-innerSection .ticketTable {
    max-height: 349px;
    overflow: auto;
  }
  .react-grid-layout.layout.dashboard-Quad * .page-reports {
    overflow: auto;
    max-height: 376px;
  }
  .page-dashboard .dash-subCount .highcharts-container * {
    height: 208px !important;
    width: 250px !important;
  }
  .dashboard-Quad * .page-reports .category-box .report-content.dasboard-report-content {
    height: 508px !important;
  }
  .highcharts-title tspan:nth-child(1) {
    font-size: 36px !important;
  }
  .highcharts-title tspan:nth-child(2) {
    font-size: 14px !important;
    fill-opacity: 0.8;
  }
  .container-fluid.page-dashboard .stickyHeader {
    width: 93vw !important;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .page-dashboard .dash-subCount .highcharts-container * {
    height: 190px;
    width: 200px;
  }
  .Doughnut {
    margin-top: 5%;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1399px) {
  .page-dashboard .dash-subCount .highcharts-container * {
    height: 170px;
    width: 160px;
  }
  .highcharts-title tspan:nth-child(1) {
    font-size: 14px !important;
  }
  .highcharts-title tspan:nth-child(2) {
    font-size: 10px !important;
  }
  .highcharts-title tspan:nth-child(3) {
    font-size: 10px !important;
  }
  .Doughnut {
    margin-top: 7%;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
  .page-dashboard .dash-subCount .highcharts-container * {
    height: 130px;
    width: 130px;
    margin-top: 30px;
  }
  .highcharts-title tspan:nth-child(1) {
    font-size: 10px !important;
  }
  .highcharts-title tspan:nth-child(2) {
    font-size: 8px !important;
  }
  .highcharts-title tspan:nth-child(3) {
    font-size: 8px !important;
  }
  .Doughnut {
    margin-top: 10%;
  }
}
.dashboard-innerSection .ticketTable,
.dashboard-innerSection .reportsTable {
  max-height: 349px;
  overflow: auto;
}

.react-grid-layout.layout.dashboard-Quad * .page-reports {
  overflow: auto;
  max-height: 353px;
}

.container-fluid.page-dashboard .stickyHeader {
  width: 90.6vw !important;
}

@media only screen and (min-width: 420px) and (max-width: 999px) {
  .page-dashboard .dash-subCount .highcharts-container * {
    height: 100px;
    width: 100px;
    margin-top: 40px;
    margin-left: 20px;
  }
  .Doughnut {
    margin-top: 10%;
  }
}
@media only screen and (min-width: 900px) and (max-width: 1025px) {
  .dashboard-innerSection .ticketTable {
    max-height: 330px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 900px) {
  .dashboard-innerSection .ticketTable {
    max-height: 300px;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.email-to-tab,
.subject-tab {
  position: absolute;
  display: inherit;
  left: 758px;
  top: 0px;
  height: 100%;
  width: 0px;
  z-index: 9999;
  display: none;
}

.new-folder {
  font-size: 13px !important;
  margin-top: 10px;
}

.folder-hide {
  display: none;
}

.folder-show {
  display: inherit;
}

.add-folder-btn {
  position: relative;
  top: 36px;
  height: 40px;
}

.new-folder .material-icons {
  position: relative !important;
  top: 3px !important;
  font-size: 16px !important;
  margin-right: 5px !important;
}

.sidebar-close-btn {
  position: absolute !important;
  right: -10px;
  width: 40px !important;
  min-width: auto !important;
  top: 0px;
  z-index: 99 !important;
  background: none !important;
}
.sidebar-close-btn .material-icons:hover {
  color: #fff !important;
  opacity: 0.8;
}

.email-form-header .email-form-border-none > div:hover:before,
.email-form-header .email-form-border-none > div:before {
  border-bottom: 0 !important;
}
.email-form-header .text-muted {
  color: #aaa !important;
}

.editor-header-border .mce-panel {
  border: 0 !important;
}
.editor-header-border .mce-panel .mce-top-part:before {
  box-shadow: none;
}
.editor-header-border .mce-panel .mce-toolbar .mce-btn-group {
  margin: 6px 0;
  padding: 0;
  display: flex;
  align-items: center;
  height: 34px;
}
.editor-header-border .mce-panel .mce-toolbar .mce-btn-group:last-child {
  border: 0;
}

.template-drawer-tabs button > span > span {
  padding: 0 12px;
}
.template-drawer-tabs .MuiTab-wrapper {
  flex-direction: row;
}

.tray-container-open-insert-sidebar .open-tray .subject-tab {
  position: absolute;
  display: inherit;
  left: -378px;
  top: 0px;
  height: 100%;
  width: 380px;
  background: #fff;
  border-left: 3px solid #ff8a80;
  -moz-box-shadow: 2px 0px 50px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 0px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 0px 50px rgba(0, 0, 0, 0.2);
}
.tray-container-open-insert-sidebar .open-tray .tray-sidebar-tab-outer > div:nth-child(1) {
  background: transparent !important;
  color: #616161 !important;
  border-bottom: 1px solid #ccc;
  height: 44px !important;
}
.tray-container-open-insert-sidebar .open-tray .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab {
  background: transparent !important;
  color: #616161 !important;
}
.tray-container-open-insert-sidebar .open-tray .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab > div > div {
  height: 44px !important;
}
.tray-container-open-insert-sidebar .open-tray .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab > div > div .material-icons {
  font-size: 16px !important;
  color: #616161 !important;
  left: 46px !important;
  position: absolute !important;
}
.tray-container-open-insert-sidebar .open-tray .tray-left-nav {
  top: 0px !important;
  left: -420px !important;
}
.tray-container-open-insert-sidebar .maximise-tray .subject-tab {
  position: absolute;
  display: inherit;
  left: -378px;
  top: 0px;
  height: 100%;
  width: 380px;
  background: #fff;
  border-left: 3px solid #ff8a80;
  -moz-box-shadow: 2px 0px 50px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 0px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 0px 50px rgba(0, 0, 0, 0.2);
}
.tray-container-open-insert-sidebar .maximise-tray .tray-sidebar-tab-outer > div:nth-child(1) {
  background: transparent !important;
  color: #616161 !important;
  border-bottom: 1px solid #ccc;
  height: 44px !important;
}
.tray-container-open-insert-sidebar .maximise-tray .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab {
  background: transparent !important;
  color: #616161 !important;
}
.tray-container-open-insert-sidebar .maximise-tray .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab > div > div {
  height: 44px !important;
}
.tray-container-open-insert-sidebar .maximise-tray .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab > div > div .material-icons {
  font-size: 16px !important;
  color: #616161 !important;
  left: 46px !important;
  position: absolute !important;
}
.tray-container-open-insert-sidebar .maximise-tray .tray-sidebar-tab-outer > div:nth-child(1) .tray-sidebar-tab > div > div .material-icons.active {
  font-size: 16px !important;
  color: #4caf50 !important;
  left: 46px !important;
  position: absolute !important;
}
.tray-container-open-insert-sidebar .maximise-tray .tray-left-nav {
  top: 0px !important;
  left: -420px !important;
}

.table-email-tray {
  border-collapse: collapse;
  border: none;
  border-spacing: 0px;
  margin: 0px;
}
.table-email-tray tr.bdr-top {
  border-top: 1px solid #ddd;
}
.table-email-tray tr.bdr-bottom {
  border-bottom: 1px solid #ddd;
}
.table-email-tray tr {
  border-top: 0px solid #ddd;
  border-bottom: 0px solid #ddd;
}
.table-email-tray tr td {
  padding: 4px 0px;
  vertical-align: middle;
  border: none !important;
}
.table-email-tray tr td .label {
  color: #999;
}
.table-email-tray tr td.label {
  color: #999;
}
.table-email-tray input {
  border: none;
}
.table-email-tray .checkbox-outer {
  display: inline-block !important;
  height: auto !important;
  width: auto !important;
  text-align: left !important;
}
.table-email-tray .checkbox-outer > div > div {
  margin-right: 4px !important;
}
.table-email-tray .material-icons {
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
  line-height: 30px !important;
}

.compose-email-textarea {
  min-height: 500px;
  border-radius: 0px !important;
}

.field-list-field-cont.field-item .insert-inner-list > div > div {
  word-break: break-all;
}

.field-list-field-cont {
  position: relative;
  overflow: hidden;
}
.field-list-field-cont .list-item-container .insert-inner-list > div {
  padding: 5px 0px 5px 12px !important;
}
.field-list-field-cont .list-item-container .list-item-add-new {
  font-size: 13px !important;
  color: #007eff !important;
  line-height: 10px !important;
  padding: 0px !important;
  margin: 0 !important;
  background: transparent !important;
  border-bottom: 1px solid #ccc !important;
}
.field-list-field-cont .list-item-container .list-item-add-new > div {
  padding: 16px 16px 16px 42px !important;
}
.field-list-field-cont .list-item-container .list-item-add-new .material-icons {
  font-size: 18px !important;
  color: #007eff !important;
  left: 16px !important;
  top: 12px !important;
  position: absolute !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
}
.field-list-field-cont .list-item-container .list-title {
  font-size: 12px !important;
  line-height: 10px !important;
  padding: 0px !important;
  margin: 0 !important;
  background: rgba(204, 204, 204, 0.23);
  border-bottom: 1px solid #a3a3a3;
  font-weight: 400;
}
.field-list-field-cont .list-item-container .list-title button svg {
  color: #9e9e9e !important;
  height: 20px !important;
  width: 20px !important;
}
.field-list-field-cont .list-item-container .list-item-outer-for-subject-tab {
  max-height: 65vh !important;
}
.field-list-field-cont .list-item-container .list-item-black-toggle > div > button > div > svg {
  color: black !important;
}
.field-list-field-cont .list-item-container .list-item-outer {
  max-height: calc(100vh - 110px);
  overflow-y: auto;
  overflow-x: hidden;
  background: transparent;
  margin: -9px 0 -8px;
  border-bottom: 1px solid #ccc !important;
}
.field-list-field-cont .list-item-container .list-item-outer .list-item {
  font-size: 12px !important;
  line-height: 16px !important;
  padding: 0;
  margin: 0;
}
.field-list-field-cont .list-item-container .list-item-outer .list-item div {
  padding: 5px 20px !important;
}
.field-list-field-cont .list-item-container .list-item-outer .list-item .material-icons {
  font-size: 14px !important;
  color: #616161 !important;
  left: 20px !important;
  top: 12px !important;
  position: absolute !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
}
.field-list-field-cont .list-item-container .list-item-outer .list-item .settingscol {
  color: #4caf50 !important;
}
.field-list-field-cont .list-item-container .list-item-outer .list-item .filtercol {
  color: #006eff !important;
}
.field-list-field-cont .list-item-container .list-item-outer .list-item .flitercol-transparent {
  color: transparent !important;
}
.field-list-field-cont .list-item-container .list-item-outer .list-item .material-icons.active {
  color: #4caf50 !important;
}
.field-list-field-cont .list-item-container .list-item-outer .list-item .material-icons.action {
  right: 18px !important;
  left: auto !important;
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
}
.field-list-field-cont .list-item-container .list-item-outer .list-item:hover .material-icons.action {
  right: 18px !important;
  left: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inherit !important;
}
.field-list-field-cont .list-item-container .list-item-outer .list-item.bdr-bottom {
  border-bottom: 1px solid #ccc !important;
}
.field-list-field-cont .list-item-container .list-item-outer .list-item:hover {
  background: rgba(0, 0, 0, 0.1) !important;
}
.field-list-field-cont .list-item-container .list-item-outer.no-bdr {
  border-bottom: 0px solid #ccc !important;
}
.field-list-field-cont button .material-icons {
  font-size: 20px !important;
}

.rdw-editor-toolbar.toolbar-class div {
  color: #666;
}
.rdw-editor-toolbar.toolbar-class img {
  opacity: 0.6;
}
.rdw-editor-toolbar.toolbar-class .rdw-dropdown-carettoopen {
  border-top: 6px solid #888;
}
.rdw-editor-toolbar.toolbar-class .rdw-dropdown-carettoclose {
  border-bottom: 6px solid #888;
}

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

.editor-option-seprator:last-child {
  float: right;
}

.receive-InventoryDialog .eq-title {
  font-size: 14px !important;
  font-weight: 400 !important;
  background: transparent !important;
  color: #00bcd4 !important;
  border-bottom: 1px solid #ccc;
  margin: 0 -15px;
  padding: 10px 15px;
}
.receive-InventoryDialog > div > div + div {
  padding: 0 15px !important;
}

.divider-h {
  border-right: 1px solid #ccc;
  margin: 0 15px;
}

.add-site-type > div > div {
  font-style: italic;
  color: #616161 !important;
}

.equip-grp-field * {
  font-size: 12px !important;
}

.activeHost {
  color: rgb(102, 187, 106);
}

.auto-addbtn {
  color: #66bb6a !important;
}

.sitemargin-Btn button {
  width: auto !important;
  height: auto !important;
  margin-right: 10px;
  top: 10px;
  position: relative;
}

.eqssid-Btn button {
  top: 0px !important;
  position: relative;
}

.disable-router {
  padding: 8px 0px 0px;
  position: relative;
  color: #999 !important;
}

.mdl-siteequip-type > span {
  width: 100%;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}

.refresh-btn-disable {
  color: rgba(0, 0, 0, 0.3);
}
.refresh-btn-disable i.material-icons {
  cursor: not-allowed !important;
}

.equipment-tab-show {
  display: block !important;
}
.equipment-tab-show .drawer-min {
  z-index: 1 !important;
}
.equipment-tab-show header.drawer-header * {
  color: #fff;
}
.equipment-tab-show .drawer-max {
  height: 89vh !important;
}
.equipment-tab-show .drawer-max .drawer-content {
  height: calc(89vh - 42px) !important;
}

.text-blue {
  color: #039be6 !important;
}

.eq-head .rightHead-Top {
  position: absolute;
  right: 10px;
  top: 8px;
}
.eq-head .rightHead-Top .btn-greenCol * {
  color: #fff !important;
}

.add-attachments.list-item > div > div:nth-child(1) {
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.frequencyHead {
  font-weight: 500 !important;
  margin-bottom: 5px;
}

.frequencyNumber {
  margin-bottom: 5px;
}
.frequencyNumber:last-child {
  margin-bottom: 0px !important;
}

.div-table .mdl-data-table__cell--non-numeric .tbl-FrequencyData .tbl-allFrequency {
  display: none;
}
.div-table .mdl-data-table__cell--non-numeric .tbl-FrequencyData .tbl-Frequency:hover ~ div {
  display: block !important;
  color: #616161;
  background-color: #fff;
  padding: 10px;
  position: absolute;
  z-index: 1;
  width: 125px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
}

.tbl-Frequency {
  cursor: pointer;
}

.dateValidator > div > div {
  width: 100% !important;
}

.ip-manage {
  padding: 0 !important;
  height: auto !important;
  width: auto !important;
}
.ip-manage .material-icons {
  font-size: 18px !important;
}

.eq-mainQuad {
  padding: 0 !important;
  margin: 0 !important;
}
.eq-mainQuad .package-list-sidebar .list-item-container > div > div {
  max-height: 100% !important;
  overflow: initial !important;
}

.mdl-data-table tr:hover td.mdl-ip-data > div > div {
  visibility: visible !important;
}

.mdl-ip-data {
  position: relative !important;
}
.mdl-ip-data > div > div {
  visibility: hidden !important;
  position: absolute !important;
  right: 0;
  top: 8px;
}
.mdl-ip-data .equpip-tooltip .material-icons.tooltip-arrow {
  position: absolute !important;
  right: -5px !important;
  top: 0px !important;
  line-height: 10px;
}

.ip-openPopover {
  white-space: normal !important;
  word-wrap: break-word !important;
}

.eq-addsite > div > div > div > div {
  padding: 0 15px 0 !important;
  max-height: 100% !important;
}
.eq-addsite .package-list-body * {
  font-size: 12px !important;
}
.eq-addsite .package-list-body * .material-icons {
  font-size: 18px !important;
}
.eq-addsite .eq-rightQuad-Title {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #616161;
  margin: 10px 0 0 !important;
}
.eq-addsite h3 {
  background-color: #444;
  line-height: initial !important;
  color: #fff !important;
  padding: 10px 15px !important;
  font-size: 14px !important;
  font-weight: 400;
}

a.listCol {
  color: #616161 !important;
}

.drawer-content #equipmentmanager .eq-List .package-list-sidebar .list-item-container .list-title {
  border-top: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
}
.drawer-content #equipmentmanager.eq-mainQuad {
  border: 0 !important;
  height: 100%;
}
.drawer-content #equipmentmanager.eq-mainQuad .package-list-sidebar .list-item-container .list-item .material-icons.em-material-arrows {
  color: #438afe !important;
  left: 45px !important;
  top: 12px !important;
}
.drawer-content #equipmentmanager.eq-mainQuad .package-list-sidebar .list-item-container .list-item .material-icons.fileAttach {
  left: 45px !important;
  top: 12px !important;
}
.drawer-content #equipmentmanager.eq-mainQuad .package-popup {
  border: 0 !important;
  height: 100%;
}
.drawer-content .eq-mainQuad .package-list-body {
  border: 0 !important;
}

.list-item.addFileAttachment {
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.addAttachments + div {
  max-height: 128px;
  overflow: auto;
}

.btn-small button {
  height: 30px !important;
  line-height: 30px !important;
}
.btn-small button div > div {
  height: 30px !important;
}
.btn-small span {
  font-size: 12px !important;
}

.text-left {
  text-align: left;
}

.em-drawer {
  min-width: 960px;
  max-width: 960px;
  height: 100%;
}
.em-drawer .emd-container .em-menu-title {
  font-size: 14px !important;
  font-weight: 600;
  padding: 10px 0px 0px 20px;
}
.em-drawer .emd-container .emd-content .emd-page-title {
  font-size: 14px !important;
  margin: 0px 0px 10px;
  padding: 20px;
  border-bottom: solid 1px #e2e2e2;
}
.em-drawer .emd-container .emd-content .emd-site-margin {
  padding: 0px 20px;
}
.em-drawer .emd-container .emd-content .emd-norecord {
  padding-top: 15px;
  margin: 0;
  color: #1daff6;
}
.em-drawer .emd-container .emd-content .emd-rowrepeat a span {
  padding-left: 7px;
  font-size: 14px !important;
}
.em-drawer .emd-container .emd-content .emd-sitedesc {
  font-size: 14px !important;
  font-weight: 400;
}
.em-drawer .emd-container .emd-content .emd-sitedesc span {
  font-size: 14px !important;
  font-weight: 400;
}
.em-drawer .emd-container .emd-content .emd-sitedesc span:first-child {
  padding: 0 5px;
}

.popup-tab-title {
  float: left;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 15px;
}

.view-fields span {
  font-size: 14px;
  margin: 0px 15px;
  position: relative;
}
.view-fields span:first-child {
  font-size: 14px;
  font-weight: 600;
  margin-left: 0px;
}
.view-fields span:last-child:after {
  content: "";
}
.view-fields span:after {
  content: "|";
  position: absolute;
  right: -15px;
  top: 0px;
  height: 20px;
  color: #ccc;
  display: inline-block;
}

.default-tab > div {
  background-color: #fff !important;
}
.default-tab > div:last-child {
  width: 100% !important;
}
.default-tab .lwr-bdr {
  left: 0%;
  width: 25%;
  bottom: 0px;
  display: block;
  background-color: #66bb6a;
  height: 2px;
  margin-top: -2px;
  position: relative;
  transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.subscriber-section .popup-tab-title {
  font-family: "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500 !important;
  padding: 12px 25px !important;
}

.emd-rowrepeat i.material-icons {
  top: 4px;
  position: relative;
  margin-right: 5px;
  top: 4px;
  position: relative;
  margin-right: 5px;
}

.em-drawer.eq-drawer {
  height: 100%;
}
.em-drawer.eq-drawer .emd-container .add-newContact {
  display: block;
  overflow: hidden;
  border-bottom: solid 1px #e2e2e2;
  padding: 10px 20px 10px 20px;
}

.drawer-max .drawer-header .popup-tab-title {
  float: left;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 25px;
}

.tab-head {
  white-space: nowrap;
  padding: 0 0px;
}
.tab-head .default-tab-btn {
  border: 10px;
  box-sizing: border-box;
  display: inline-block;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  outline: none;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  z-index: 1;
  color: white;
  text-transform: uppercase;
  background: none;
  border-bottom: solid 2px transparent;
}

.addsite-btn {
  display: inline-block;
}

.mainQuad-1 {
  overflow: hidden;
}

.refresh-btn-cancel {
  top: 40px;
  position: relative;
  right: 25px;
}

.refresh-btn {
  top: 25px;
  position: absolute;
  right: 0px;
}
.refresh-btn button {
  height: auto !important;
  width: auto !important;
  padding: 0 !important;
}
.refresh-btn i.material-icons {
  color: #45a52f !important;
}
.refresh-btn i.material-icons.emd-cancelBtn {
  color: #919191;
}

.pull-right {
  float: right;
}

.btn-small.refresh {
  margin-left: 10px;
}
.btn-small.refresh button {
  background-color: #00bfa5 !important;
  margin-left: 10px;
}

.equipment-tab-hide {
  display: none !important;
}

button.default-tab-btn.active {
  border-bottom: solid 2px #0053f4;
  transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.drawer-mapping label {
  display: none;
}

.emd-mappingList {
  list-style-type: initial;
  padding-left: 15px;
  overflow-y: auto;
  height: 175px;
}
.emd-mappingList a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.3) !important;
  padding: 2px 0;
  display: block;
}

.emd-datePick div {
  width: 100% !important;
}

.hex-code .label {
  font-size: 10px !important;
  color: rgba(0, 0, 0, 0.3);
}

.emd-colorPicker {
  background: transparent;
  border: none;
  cursor: pointer;
  width: 60px;
  height: 28px;
  padding: 0;
  outline: none;
  position: absolute;
  top: 18px;
  right: 12px;
  -webkit-appearance: none;
}

.drawer-restore .drawer-content .refresh-btn a {
  position: absolute;
  bottom: 0;
  cursor: pointer;
}

.emd-file-attachment {
  text-align: center;
  margin: 26vh 0 0;
  /* img {
  	height: auto;
  	width: 250px;
  } */
}
.emd-file-attachment span {
  color: #ccc;
}

.nav-collapsed .eq-fixedHead {
  position: fixed;
  z-index: 100;
  background: rgba(255, 255, 255, 0.95);
  width: 100vw !important;
  padding-bottom: 10px;
}

#equipmentmanager .package-list-sidebar {
  border-right: solid 1px #ccc;
  background: transparent;
  margin: 0;
}

@media only screen and (max-width: 1366px) and (min-width: 768px) {
  .drawer-restore .package-popup.eq-List {
    max-height: 100% !important;
    overflow: hidden;
  }
  .eq-addsite {
    padding: 0px !important;
    top: 3vh !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 2560px) {
  a.disable-selectedReport:nth-child(1) {
    color: rgba(0, 0, 0, 0.3) !important;
    cursor: no-drop;
  }
  .drawer-form-input-text.amount-align:before {
    position: absolute;
    content: "$";
    bottom: 12px;
  }
  .drawer-form-input-text.amount-align input {
    padding-left: 15px !important;
    text-align: right;
    padding-right: 15px !important;
    top: 1px;
  }
  .report-tab a.selectedReport:last-child {
    margin-left: 10px !important;
  }
  .report-tab a.selectedReport:first-child {
    margin-left: 0px !important;
  }
  .attachment-dialogimg {
    padding-top: 10% !important;
  }
  .attachment-dialogimg img {
    max-height: 300px;
  }
  .file-upload-hvr {
    background: ivory;
  }
  .right-sidebar-open .btn-small {
    right: 52px !important;
    position: fixed;
  }
  .eqip-selection-dialog > div > div > div > div + div + div {
    border: 0 !important;
    padding: 0px 15px 24px 15px !important;
  }
  .eqip-selection-dialog {
    min-width: 50% !important;
    max-width: 100%;
  }
  .auth-btn {
    width: auto !important;
    display: inline-block !important;
    padding-right: 15px;
  }
  .auth-btn label {
    width: auto !important;
  }
  .sitecontact-box:hover .ibox-contact-icon {
    display: flex;
    justify-content: space-around;
  }
  .ibox-contact-icon {
    display: none;
  }
  .eq-siteInfo .details {
    margin: 0px !important;
  }
  .cped-color .material-icons {
    color: #fff !important;
    font-size: 18px;
    padding: 0;
    margin: -7px;
    position: relative;
    top: 4px;
  }
  .m-btm-0 {
    margin: 0 !important;
  }
  .m-btm-0 h4 {
    margin-bottom: 0 !important;
  }
  .m-btm-b {
    margin-bottom: 0;
  }
  i.material-icons.addIcon {
    font-size: 18px !important;
    background: #000;
    padding: 5px;
    margin-right: 10px;
    color: #fff;
    border-radius: 6px;
  }
  .attach-rights {
    cursor: not-allowed;
  }
  .add-Attachemnt {
    padding: 20px 0;
    margin-bottom: 15px;
    border: solid 1px #eee;
    text-align: center;
    position: relative;
  }
  .f_img_hvr {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
  }
  .f_hvr-txt {
    position: relative;
    top: 10px;
  }
  .f_hvr-txt img {
    width: 20px !important;
    margin-right: 10px;
  }
  .attachment-image {
    opacity: 1;
    /* margin-bottom: 32px; */
    transition: 0.5s ease;
    width: 32px;
    height: auto;
    backface-visibility: hidden;
  }
  .attachemnt-btm-txt {
    position: relative;
    background: rgba(0, 0, 0, 0.05) !important;
    padding: 10px 0 !important;
    top: 20px;
  }
  .attachemnt-btm-txt img {
    width: 20px !important;
    margin: 0 !important;
    margin-right: 10px !important;
  }
  .attachemnt-filename {
    margin-bottom: 0px !important;
    vertical-align: middle !important;
    display: inline-block !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 150px;
  }
  .f_image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 0.5s ease;
    background-color: #e3e3e3;
  }
  .add-Attachemnt:hover .f_image {
    opacity: 1;
    display: block !important;
  }
  .ibox-contact h6 {
    margin-bottom: 0 !important;
  }
  .drawer-content .details h6.text-blue.key-user {
    margin-bottom: 10px !important;
  }
  .contactlist-name {
    color: #616161;
    font-size: 13px !important;
    font-weight: 500;
  }
  .revenueRecord {
    color: #616161 !important;
    font-size: 10px !important;
  }
  .floatText {
    color: rgba(0, 0, 0, 0.3) !important;
  }
  .floating-sidebar-container .floating-sidebar-menu-list .equipment-icon {
    background: #00bcd4 !important;
  }
  .popup-tab-link a.eq-head-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 10px 10px 3px 5px;
    /* margin-left: 42px; */
    text-transform: capitalize;
  }
  .right-sidebar-close .default-tab-btn .btn-small {
    position: fixed;
    right: 34px !important;
    margin: 0px !important;
  }
  .eq-fixedHead {
    width: 100vw !important;
    position: fixed;
    z-index: 100;
    background: rgba(255, 255, 255, 0.95);
    padding-bottom: 10px;
  }
  .altheightQuad {
    overflow-x: hidden;
    height: calc(100vh - 167px);
  }
  .heightQuad {
    height: calc(100vh - 213px);
    overflow-x: hidden;
  }
  .default-tab .default-tab-btn {
    font-size: 12px !important;
    margin-right: 50px;
    padding-bottom: 5px;
  }
  .eq-addsite > div > div {
    max-width: 875px !important;
    width: 100% !important;
  }
  .drawer-min {
    background-color: #fff;
    position: fixed !important;
    height: 43px !important;
    width: auto !important;
    max-width: 970px !important;
    margin-right: 30px;
    bottom: -1px !important;
    right: 0px !important;
    z-index: 100 !important;
    -webkit-transition: height 0.5s;
    transition: height 0s;
    box-shadow: -4px -2px 24px 2px rgba(0, 0, 0, 0.2);
  }
  .drawer-min * textarea {
    height: auto !important;
  }
  .drawer-max {
    background-color: #fff;
    position: fixed !important;
    bottom: 0px !important;
    margin-right: 30px;
    right: 0px !important;
    z-index: 100 !important;
    box-shadow: -4px -2px 24px 2px rgba(0, 0, 0, 0.2);
    height: 90vh;
    overflow: hidden;
  }
  .drawer-max .drawer-header {
    top: 0px;
    z-index: 10;
  }
  .drawer-max .drawer-content {
    background-color: #fff;
    height: calc(90vh - 44px);
    overflow-x: hidden;
    overflow-y: auto;
  }
  .receiveinventory {
    z-index: 1300 !important;
  }
  .receiveinventory .display-none {
    visibility: hidden !important;
    height: 0px !important;
  }
  .receiveinventory #equipmentmanager {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 25px;
    margin-bottom: 0px;
    word-break: break-word;
    margin: 0;
  }
  .receiveinventory #equipmentmanager h6.text-blue.sub-title {
    padding: 0 !important;
    margin: 0 0 20px !important;
  }
  .receiveinventory #equipmentmanager .package-popup {
    margin: 0;
    border: 1px solid #ccc;
    overflow: hidden;
    width: 100%;
    top: 0px;
    z-index: 99;
    background: #fff;
  }
  .receiveinventory #equipmentmanager .package-popup .package-list-sidebar {
    background: rgba(0, 0, 0, 0.05);
  }
  .receiveinventory #equipmentmanager .package-popup .package-list-body {
    margin: 0px 0;
    border-left: 1px solid #ccc;
    background: #fff;
  }
  .receiveinventory #equipmentmanager .package-popup.hide {
    display: none;
  }
  .receiveinventory #equipmentmanager .subheader-list {
    font-size: 14px !important;
    color: rgba(0, 0, 0, 0.8) !important;
  }
  .receiveinventory #equipmentmanager .package-list-sidebar {
    position: relative;
    overflow: hidden;
  }
  .receiveinventory #equipmentmanager .package-list-sidebar .list-item-container {
    margin: -8px -15px;
  }
  .receiveinventory #equipmentmanager .package-list-sidebar .list-item-container .list-title {
    font-size: 13px !important;
    line-height: 10px !important;
    padding: 0px !important;
    margin: 0 !important;
    background: rgba(204, 204, 204, 0.23) !important;
    border-bottom: 1px solid #ccc !important;
  }
  .receiveinventory #equipmentmanager .package-list-sidebar .list-item-container .list-title button svg {
    color: #9e9e9e !important;
    height: 20px !important;
    width: 20px !important;
  }
  .receiveinventory #equipmentmanager .package-list-sidebar .list-item-container .list-title.active {
    background: rgba(84, 125, 249, 0.2) !important;
  }
  .receiveinventory #equipmentmanager .package-list-sidebar .list-item-container .list-item {
    font-size: 12px !important;
    line-height: 16px !important;
    padding: 2px !important;
    margin: 0 !important;
  }
  .receiveinventory #equipmentmanager .package-list-sidebar .list-item-container .list-item div > div {
    padding: 5px 15px !important;
  }
  .receiveinventory #equipmentmanager .package-list-sidebar .list-item-container .list-item .material-icons {
    font-size: 14px !important;
    color: #616161 !important;
    left: 8px !important;
    top: 12px !important;
    position: absolute !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
  }
  .receiveinventory #equipmentmanager .package-list-sidebar .list-item-container .list-item:hover {
    background: rgba(0, 0, 0, 0.05) !important;
  }
  .receiveinventory #equipmentmanager .package-list-sidebar .list-item-container .list-item:hover .material-icons.action {
    right: 18px !important;
    left: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inherit !important;
  }
  .receiveinventory #equipmentmanager .package-list-sidebar .list-item-container .list-item.bdr-bottom {
    border-bottom: 1px solid #ccc !important;
  }
  .receiveinventory .drawer-form-select-field {
    width: 100% !important;
  }
  .receiveinventory .drawer-form-select-field button {
    padding: 0 !important;
    width: auto !important;
  }
  .receiveinventory a {
    font-weight: 400;
    color: #0057FF !important;
  }
  .receiveinventory button {
    white-space: pre;
  }
  .receiveinventory .drawer-section-title {
    max-height: 60px;
  }
  .receiveinventory * {
    font-size: 12px !important;
  }
  .receiveinventory * .material-icons {
    font-size: 18px !important;
  }
  .receiveinventory .package-active-link {
    border-bottom: 1px solid #0054f4 !important;
  }
  .receiveinventory .alert {
    padding: 5px 10px;
  }
  .receiveinventory .drawer-tbl-filter-item {
    margin: 0 10px;
    display: inline-block;
    padding: 5px 0;
    text-transform: capitalize;
    cursor: pointer;
    color: #616161 !important;
  }
  .receiveinventory .drawer-tbl-filter-item.active {
    border-bottom: 1px solid #0054f4;
    box-shadow: inset 0px -1px 0px #0054f4;
    color: #333 !important;
  }
  .receiveinventory .drawer-form-input-text {
    width: 100% !important;
  }
  .receiveinventory a.form-text-link {
    bottom: 17px;
    position: absolute;
  }
  .receiveinventory .material-icons.icon-btn {
    color: #fff !important;
  }
  .receiveinventory .material-icons {
    position: relative;
  }
  .receiveinventory .material-icons.edit {
    font-size: 12px !important;
    cursor: pointer;
  }
}
.cpe-detail {
  background: rgba(0, 0, 0, 0.05);
  padding: 20px 24px;
}

.m-btm-b label {
  display: block;
  color: rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 1919px) {
  .drawer-min {
    max-width: 1024px !important;
  }
  .drawer-max {
    max-width: 1024px !important;
  }
  .drawer-restore {
    max-width: 1024px !important;
  }
}
@media only screen and (min-width: 1920px) {
  .drawer-min {
    max-width: 1280px !important;
  }
  .drawer-max {
    max-width: 1280px !important;
  }
  .drawer-restore {
    max-width: 1280px !important;
  }
  i.material-icons.addIcon {
    font-size: 18px !important;
    background: rgb(56, 63, 82) 0;
    padding: 5px;
    margin-right: 15px;
    color: #fff;
    border-radius: 6px;
  }
}
.active-select {
  background: #0a2571 !important;
  margin-bottom: 15px;
  padding: 2px;
}

.active-select a.listCol {
  color: #fff !important;
}

.dialog-columnchoser > div > div {
  max-width: 600px !important;
  width: 35% !important;
}

.dialog-columnchoser h3 {
  font-size: 16px !important;
  padding: 15px !important;
  color: #616161 !important;
  line-height: normal !important;
}

.dialog-columnchoser .dialog-body {
  padding: 15px 15px 0px 15px !important;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.dialog-columnchoser .dialog-body > div {
  flex: 0 0 40%;
  display: inline-flex !important;
  margin-bottom: 10px;
  margin-right: 36px;
}

.dialog-columnchoser .dialog-body > div label {
  width: 100% !important;
}

.drawer-content {
  max-height: calc(100vh - 96px);
  overflow: auto;
  overflow-x: hidden;
}

.drawer-content-smaller {
  max-height: calc(100vh - 140px);
  overflow: auto;
  overflow-x: hidden;
}

.equipment-drawer-content .package-list-body.billing {
  position: sticky;
  top: 0px;
}

.default-tab .default-tab-btn {
  color: #444;
}

div.btn-w-xs {
  min-width: 80px !important;
}

div.btn-w-sm {
  min-width: 100px !important;
}

div.btn-w-md {
  min-width: 135px !important;
}

div.btn-w-lg {
  min-width: 160px !important;
}

.app-sidebar .nav-icon,
.app-sidebar .nav-text {
  vertical-align: middle;
  font-size: 13px !important;
}
.app-sidebar .nav-icon {
  margin-top: -2px;
}
.app-sidebar .nav li > a {
  display: block !important;
  text-align: left !important;
  min-width: inherit !important;
  padding: 10px 16px;
  border-radius: 0 !important;
  height: inherit !important;
  line-height: 20px !important;
}

.app-header .bg-color-dark .header-btn,
.app-header .bg-color-primary .header-btn,
.app-header .bg-color-success .header-btn,
.app-header .bg-color-info .header-btn,
.app-header .bg-color-danger .header-btn {
  color: #fff !important;
}

.ISP-checkbox label {
  font-size: 12px !important;
}
.ISP-checkbox svg {
  height: 14px !important;
  width: 14px !important;
  top: 6px;
  left: 2px;
}

.header-icon-dropdown-item {
  line-height: 24px !important;
  min-height: 24px !important;
  font-size: 12px !important;
  white-space: normal !important;
}
.header-icon-dropdown-item .notification-title {
  margin: 5px 0 10px;
  font-size: 12px !important;
  padding: 0;
  line-height: 16px !important;
  color: rgb(0, 188, 212);
}
.header-icon-dropdown-item .notification-body {
  margin: 0;
  padding: 0 0 15px;
  font-size: 11px !important;
  line-height: 16px !important;
  color: #616161;
  white-space: normal;
}
.header-icon-dropdown-item .text-muted {
  font-size: 0.75rem !important;
}
.header-icon-dropdown-item .material-icons.logout, .header-icon-dropdown-item .material-icons.settings {
  top: 5px !important;
  margin: 0 !important;
  left: 15px !important;
  font-size: 16px !important;
}

.header-icon-dropdown-item.add {
  padding-left: 15px !important;
}

.header-icon-dropdown-item-sub-header {
  font-size: 12px !important;
  line-height: 24px !important;
  padding-left: 20px !important;
}

.theme-dark .app-header .bg-color-light .header-btn,
.theme-dark .app-header .bg-color-warning .header-btn,
.theme-gray .app-header .bg-color-light .header-btn,
.theme-gray .app-header .bg-color-warning .header-btn {
  color: #fff !important;
}

.quickview-wrapper .customizer-layout-options label {
  color: rgba(0, 0, 0, 0.87) !important;
}
.quickview-wrapper .customizer-layout-options .sidebar-width-select > div > div > div {
  color: rgba(0, 0, 0, 0.87) !important;
}
.quickview-wrapper .customizer-layout-options .sidebar-width-select > div > hr {
  border-color: rgba(0, 0, 0, 0.15) !important;
}

#app-container,
#app-inner,
.main-app-container {
  height: 100%;
}

.logo-react .react-dot,
.logo-react .react-curve {
  opacity: 0.9;
}
.logo-react .react-dot {
  fill: #fff;
}
.logo-react .react-curve {
  stroke: #fff;
}

.bg-color-warning > .logo-react .react-dot,
.bg-color-light > .logo-react .react-dot {
  fill: rgba(0, 0, 0, 0.87);
}
.bg-color-warning > .logo-react .react-curve,
.bg-color-light > .logo-react .react-curve {
  stroke: rgba(0, 0, 0, 0.87);
}

.theme-gray .bg-color-warning > .logo-react .react-dot,
.theme-gray .bg-color-warning > .logo-react .react-curve,
.theme-gray .bg-color-light > .logo-react .react-dot,
.theme-gray .bg-color-light > .logo-react .react-curve,
.theme-dark .bg-color-warning > .logo-react .react-dot,
.theme-dark .bg-color-warning > .logo-react .react-curve,
.theme-dark .bg-color-light > .logo-react .react-dot,
.theme-dark .bg-color-light > .logo-react .react-curve {
  opacity: 0.7;
}
.theme-gray .bg-color-warning > .logo-react .react-dot,
.theme-gray .bg-color-light > .logo-react .react-dot,
.theme-dark .bg-color-warning > .logo-react .react-dot,
.theme-dark .bg-color-light > .logo-react .react-dot {
  fill: #fff;
}
.theme-gray .bg-color-warning > .logo-react .react-curve,
.theme-gray .bg-color-light > .logo-react .react-curve,
.theme-dark .bg-color-warning > .logo-react .react-curve,
.theme-dark .bg-color-light > .logo-react .react-curve {
  stroke: #fff;
}

@media only screen and (min-width: 992px) {
  .nav-collapsed .app-sidebar .sidebar-header .logo-react {
    margin-bottom: -5px;
  }
}
.chapter .ui-animate > div > .article .article-title {
  margin: 48px 0 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.117647);
}
.chapter .ui-animate > div:nth-of-type(1) > .article .article-title {
  margin: 0 0 30px;
  border-top: 0;
}

.page-reports.fixed-report-nav {
  margin-top: 60px;
}
.page-reports.fixed-report-nav .report-nav-bar {
  position: fixed;
  top: 60px;
  z-index: 100;
  width: 91%;
}
.page-reports .left-list-box {
  display: block;
  float: left;
  width: 16%;
  min-height: calc(100vh - 130px);
  max-height: calc(100vh - 130px);
  overflow: auto;
}
.page-reports .left-list-box .list-box-section {
  position: relative;
  border: 0;
  border-radius: 0.2rem;
}
.page-reports .left-list-box .list-box-section .list-box-section-body {
  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 1.25rem;
  padding-left: 0rem;
}
.page-reports .left-list-box .list-box-section .list-item * {
  font-size: 13px !important;
}
.page-reports .left-list-box .list-box-section .list-item {
  cursor: pointer !important;
  line-height: 6px !important;
  font-weight: 500 !important;
  border-right: 3px solid transparent !important;
  color: rgb(117, 117, 117) !important;
  text-indent: 14px !important;
  padding-top: 9px;
  padding-bottom: 9px;
}
.page-reports .left-list-box .list-box-section .list-item:hover {
  background-color: #c8d2f1 !important;
}
.page-reports .left-list-box .list-box-section .list-item.active {
  color: #fff !important;
  background-color: #0a2571 !important;
}
.page-reports .left-list-box .list-box-section .list-item.active span {
  color: #fff !important;
}
.page-reports .left-list-box .list-box-section .list-item.active svg {
  color: #fff !important;
}
.page-reports .left-list-box .list-box-section .list-item.disable {
  pointer-events: none;
  cursor: not-allowed !important;
  color: #bfbdbd !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.page-reports .left-list-box .list-box-section .list-item.disable span {
  color: #bfbdbd !important;
}
.page-reports .left-list-box .list-box-section .list-item .material-icons {
  padding: 0px !important;
  margin: 0px 0px 0px -20px !important;
  width: 15px !important;
  font-size: 18px !important;
}
.page-reports .left-list-box .list-box-section .list-item .material-icons.report-list-icon {
  margin: 0px !important;
}
.page-reports .left-list-box .list-box-section .list-item > div {
  padding: 0px !important;
}
.page-reports .left-list-box .list-box-section .list-item > div > div {
  padding: 16px 16px 16px 18px !important;
}
.page-reports .right-list-box {
  display: inline-block;
  width: 84%;
  color: rgb(117, 117, 117) !important;
  min-height: calc(100vh - 130px);
  max-height: calc(100vh - 130px);
  overflow: auto;
}
.page-reports .right-list-box.fixed-list-box {
  margin-top: 60px;
  position: fixed;
  top: 60px;
  z-index: 100;
  width: 91%;
}
.page-reports .favorite-icon.favorite .material-icons {
  color: #e6b10c !important;
}
.page-reports .reports-section-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 40px;
  color: #0054f4 !important;
  padding-left: 18px;
  padding-top: 20px;
}
.page-reports .favourites-section .material-icons {
  color: #aaa !important;
  font-size: 26px !important;
  padding-top: 15px !important;
}
.page-reports .favourites-section .material-icons.selected {
  color: #444 !important;
  font-size: 26px !important;
  padding-top: 15px !important;
}
.page-reports .favourites-section .favourites-section-div {
  float: right;
  display: -webkit-box;
}
.page-reports .favourites-section .favourites-body {
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 0px;
  background-color: #f5f3f5;
  min-height: 0px;
}
.page-reports .favourites-section .toggle-div {
  text-align: center;
}
.page-reports .favourites-section .toggle-div .collapse {
  display: block;
  overflow: hidden;
  height: 300px;
}
.page-reports .favourites-section .toggle-div .collapse.in {
  display: block;
  overflow-y: hidden;
  height: auto;
}
.page-reports .report-content-list {
  border-bottom: 1px solid #eee;
}
@media only screen and (min-width: 1199px) {
  .page-reports .report-content-list .report-grid-action .action-new-tab {
    visibility: hidden;
  }
}
@media only screen and (max-width: 1366px) and (min-height: 900px) and (orientation: landscape) {
  .page-reports .report-content-list .report-grid-action .action-new-tab {
    visibility: visible;
  }
}
.page-reports .report-content-list:hover {
  background-color: #c8d2f1;
}
.page-reports .report-content-list:hover .report-grid-action .action-new-tab {
  visibility: visible;
}
.page-reports .category-box {
  padding: 0 !important;
  box-shadow: none;
  border-left: solid 1px #eee;
  /*.box-header,*/
}
.page-reports .category-box .box-heading {
  padding: 3.25px 55.25px 2.25px 9.25px !important;
  border-bottom: 1px solid transparent !important;
  border-radius: -0.8rem -0.8rem 0 0 !important;
  font-weight: 500 !important;
}
.page-reports .category-box .no-reports {
  margin-top: 50px;
  text-align: center;
}
.page-reports .category-box .report-content {
  height: 100%;
}
.page-reports .category-box .report-item-group {
  padding: 0 !important;
  cursor: pointer;
  border-bottom: solid 1px #eee;
  color: rgb(117, 117, 117) !important;
}
.page-reports .category-box .report-item-group:hover {
  background-color: #c8d2f1;
}
.page-reports .category-box .report-item-group:hover .report-item-actions {
  margin: 12px 0 0 !important;
}
.page-reports .category-box .report-item-group:hover .report-item-actions .report-item-action {
  margin-right: 5px;
  visibility: visible;
}
.page-reports .category-box .report-item-group .report-item-actions .report-item-action {
  margin-right: 5px;
  visibility: hidden;
}
.page-reports .category-box .report-item-group .report-item-actions .report-item-action.favorite {
  margin-right: 5px;
  visibility: visible;
}
.page-reports .category-box .report-item-group .report-item-actions .report-item-action.favorite span {
  color: #e6b10c !important;
}
.page-reports .category-box .report-item-group .report-item-actions .report-item-action.favorite span:hover {
  color: #e6b10c !important;
}
.page-reports .category-box .report-item-group .report-item-actions .report-item-action.favorite path {
  color: #e6b10c !important;
}
.page-reports .category-box .report-item-group .report-item-actions .report-item-action span {
  color: #616161 !important;
}
.page-reports .category-box .report-item-group .report-item-actions .report-item-action span:hover {
  color: #0054f4 !important;
}
.page-reports .category-box .report-item-group .report-item-title {
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}
.page-reports .category-box .report-item-group .report-item-description {
  font-size: 12px;
  text-align: left;
}
.page-reports .datepicker-div div {
  width: 100px !important;
  font-size: 14px !important;
  padding-top: 3px;
}
.page-reports .checkbox-div {
  width: 245px !important;
  padding-top: 15px !important;
}
.page-reports .footer-popup.popdiv div {
  width: 100% !important;
}
.page-reports .drawer-max.drawer,
.page-reports .drawer-min.drawer,
.page-reports .drawer-restore.drawer {
  max-width: none !important;
  width: 92% !important;
  z-index: 101 !important;
}
.page-reports .drawer-max.drawerhide,
.page-reports .drawer-min.drawerhide,
.page-reports .drawer-restore.drawerhide {
  display: none;
}
.page-reports .divloading {
  margin-top: 50px;
  margin-bottom: 550px;
  text-align: center;
}
.page-reports .iframe-box {
  width: 100%;
  height: 550px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  padding-top: 50px !important;
}
.page-reports .tooltip-box {
  color: #fff !important;
}
.page-reports .tooltip-box.place-top:after {
  border-top-style: solid !important;
  border-top-width: 6px !important;
}

.box-body-div > div {
  width: 80%;
  float: left;
}

.is-open .select-menu-outer {
  height: 50px;
}

.frame-box {
  padding-top: 40px;
  background: #383f52;
  height: 40px;
}

.frame-box iframe {
  width: 100%;
  height: calc(100vh - 100px) !important;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  padding-top: 0 !important;
  position: absolute;
}

.viewreport_title {
  display: inline-block;
  width: 87%;
}

.report_action_ico {
  display: inline-block;
  width: 13%;
  text-align: right;
}

.btn-group label {
  margin: 0px !important;
}
.btn-group label .delete_customBar {
  height: auto !important;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .page-reports .right-list-box {
    display: inline-block;
    color: #757575 !important;
  }
}
.report-item-group.reportQuad.row:nth-child(even) {
  background: #e3e3e3;
}

.typo-styles dt {
  display: block;
  float: left;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.24);
  width: 32px;
  height: 32px;
  border-radius: 16px;
  line-height: 32px;
  text-align: center;
  font-weight: 500;
  margin-top: 5px;
}

.typo-styles dd {
  display: block;
  margin-left: 80px;
  margin-bottom: 20px;
}

.typo-styles .typo-styles__demo {
  margin-bottom: 8px;
}

.page-icons .card .fa,
.page-icons .card .material-icons,
.page-icons .card .wi {
  color: rgba(0, 0, 0, 0.5);
}
.page-icons .card .fa,
.page-icons .card .wi {
  font-size: 20px;
  margin: 5px;
}

.theme-gray .page-icons .card .fa,
.theme-gray .page-icons .card .material-icons,
.theme-gray .page-icons .card .wi,
.theme-dark .page-icons .card .fa,
.theme-dark .page-icons .card .material-icons,
.theme-dark .page-icons .card .wi {
  color: rgba(255, 255, 255, 0.7);
  opacity: 0.7;
}

.page-grids .grid-structure .row {
  margin-top: 0.8rem;
}
.page-grids .grid-structure .row .widget-container {
  margin-top: 5px;
  background: rgba(0, 0, 0, 0.1);
  padding: 10px 15px 12px;
  font-size: 0.875rem;
  min-height: 0;
  border-radius: 0.2rem;
}

.color-palette {
  color: rgba(255, 255, 255, 0.87);
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 60px;
}
.color-palette ul {
  margin: 0;
  padding: 0;
}
.color-palette .dark {
  color: rgba(0, 0, 0, 0.87);
}
.color-palette .color-group {
  padding-bottom: 40px;
}
.color-palette .color-group:first-child,
.color-palette .color-group:nth-of-type(3n+1),
.color-palette .color-group:last-child:first-child,
.color-palette .color-group:last-child:nth-of-type(3n+1) {
  clear: left;
  margin-left: 0;
}
.color-palette .color-group li.divide,
.color-palette .color-group:last-child li.divide {
  border-top: 4px solid #fafafa;
}
.color-palette .color-group li.color,
.color-palette .color-group:last-child li.color {
  padding: 15px;
}
.color-palette .color-group li,
.color-palette .color-group:last-child li {
  list-style-type: none;
}
.color-palette .color-group li.main-color,
.color-palette .color-group:last-child li.main-color {
  border-bottom: 4px solid #fafafa;
}
.color-palette .color-group li.main-color .name,
.color-palette .color-group:last-child li.main-color .name {
  display: block;
  margin-bottom: 60px;
}
.color-palette .color-group li.color .hex,
.color-palette .color-group:last-child li.color .hex {
  float: right;
  text-transform: uppercase;
}

.body-auth {
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.page-auth,
.page-login,
.page-signup,
.page-forgot {
  padding: 0 10px;
}
.page-auth .main-body,
.page-login .main-body,
.page-signup .main-body,
.page-forgot .main-body {
  max-width: 480px;
  margin: 0 auto;
  padding-top: 50px;
}
@media (min-width: 768px) {
  .page-auth .main-body,
  .page-login .main-body,
  .page-signup .main-body,
  .page-forgot .main-body {
    padding-top: 150px;
  }
}
.page-auth .body-inner,
.page-login .body-inner,
.page-signup .body-inner,
.page-forgot .body-inner {
  position: relative;
  padding: 20px;
}
.page-auth .body-inner:before,
.page-login .body-inner:before,
.page-signup .body-inner:before,
.page-forgot .body-inner:before {
  z-index: 0;
  content: " ";
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0054f4;
  height: 220px;
}
.page-auth .additional-info,
.page-login .additional-info,
.page-signup .additional-info,
.page-forgot .additional-info {
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 12px;
}
.page-auth .additional-info a,
.page-login .additional-info a,
.page-signup .additional-info a,
.page-forgot .additional-info a {
  color: #fafafa;
}
.page-auth .additional-info .divider-h,
.page-login .additional-info .divider-h,
.page-signup .additional-info .divider-h,
.page-forgot .additional-info .divider-h {
  border-right: 1px solid #fafafa;
  margin: 0 15px;
}
.page-auth h1,
.page-login h1,
.page-signup h1,
.page-forgot h1 {
  font-weight: normal;
  color: #0054f4;
  font-size: 38px;
  margin-bottom: 40px;
}
.page-auth h1 a,
.page-login h1 a,
.page-signup h1 a,
.page-forgot h1 a {
  color: #0054f4;
}
.page-auth .card,
.page-login .card,
.page-signup .card,
.page-forgot .card {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.page-auth .card .card-content,
.page-login .card .card-content,
.page-signup .card .card-content,
.page-forgot .card .card-content {
  padding: 30px 20px;
}
.page-auth .ui-input-group .form-control,
.page-login .ui-input-group .form-control,
.page-signup .ui-input-group .form-control,
.page-forgot .ui-input-group .form-control {
  color: #464a4c;
}
.page-auth .form-group,
.page-login .form-group,
.page-signup .form-group,
.page-forgot .form-group {
  position: relative;
  margin: 0;
}
.page-auth .wrapper,
.page-login .wrapper,
.page-signup .wrapper,
.page-forgot .wrapper {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .page-auth .wrapper,
  .page-login .wrapper,
  .page-signup .wrapper,
  .page-forgot .wrapper {
    margin-top: 150px;
  }
}
.page-auth .logo,
.page-login .logo,
.page-signup .logo,
.page-forgot .logo {
  font-size: 26px;
  font-weight: normal;
}
.page-auth .logo a:hover,
.page-login .logo a:hover,
.page-signup .logo a:hover,
.page-forgot .logo a:hover {
  text-decoration: none;
}

.page-confirm-email .logo {
  font-size: 24px;
  margin-bottom: 0.8em;
}
.page-confirm-email .confirm-mail-icon {
  text-align: center;
}
.page-confirm-email .confirm-mail-icon .material-icons {
  color: #636c72;
  font-size: 100px;
}

.page-err {
  background-color: #555555;
  height: 100%;
  position: relative;
}
.page-err .err-container {
  background-color: #555555;
  padding: 45px 10px 0;
}
@media (min-width: 768px) {
  .page-err .err-container {
    padding: 100px 0 0;
  }
}
.page-err .err {
  color: #fafafa;
}
.page-err .err h1 {
  margin-bottom: 35px;
  color: #fafafa;
  color: rgba(255, 255, 255, 0.8);
  font-size: 150px;
  font-weight: 300;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .page-err .err h1 {
    font-size: 180px;
  }
}
.page-err .err h2 {
  color: #fafafa;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
  font-weight: 300;
  font-size: 28px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .page-err .err h2 {
    font-size: 36px;
  }
}
.page-err .err-body {
  padding: 20px 10px;
}
.page-err .btn-goback {
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  background-color: transparent;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.8);
}
.page-err .btn-goback:hover, .page-err .btn-goback:focus, .page-err .btn-goback:active, .page-err .btn-goback.active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.open .page-err .btn-goback.dropdown-toggle {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.page-err .footer {
  position: absolute;
  bottom: 20px;
  width: 100%;
}

.page-lock {
  height: 100%;
  background-size: cover;
}
.page-lock .lock-centered {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -65px;
}
@media screen and (min-width: 768px) {
  .page-lock .lock-centered {
    margin-top: -75px;
  }
}
.page-lock .lock-container {
  position: relative;
  max-width: 420px;
  margin: 0 auto;
}
.page-lock .lock-box {
  position: absolute;
  left: 0;
  right: 0;
}
.page-lock .lock-box .lock-user {
  background: #fff;
  width: 50%;
  float: left;
  height: 50px;
  line-height: 50px;
  margin-top: 50px;
  padding: 0 20px;
  border-left-radius: 0.2rem 0 0 0.2rem;
  color: #636c72;
}
.page-lock .lock-box .lock-img img {
  position: absolute;
  border-radius: 50%;
  left: 40%;
  width: 80px;
  height: 80px;
  border: 6px solid #fff;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .page-lock .lock-box .lock-img img {
    left: 33%;
    width: 150px;
    height: 150px;
    border: 10px solid #fff;
  }
}
.page-lock .lock-box .lock-pwd {
  background: #fff;
  width: 50%;
  float: right;
  height: 50px;
  line-height: 50px;
  padding: 0 0 0 50px;
  margin-top: 50px;
  border-right-radius: 0 0.2rem 0.2rem 0;
  color: #0054f4;
}
@media screen and (min-width: 768px) {
  .page-lock .lock-box .lock-pwd {
    padding: 0 0 0 80px;
  }
}
.page-lock .lock-box .lock-pwd input {
  width: 80%;
  height: 50px;
  color: #464a4c;
  border: 0;
}
.page-lock .lock-box .lock-pwd .btn-submit {
  position: absolute;
  top: 50%;
  right: 20px;
  color: rgba(0, 0, 0, 0.87);
}
.page-lock .lock-box .lock-pwd .btn-submit .material-icons {
  line-height: 50px;
  height: 50px;
}

.page-profile .profile-header {
  position: relative;
  margin: 0 0 15px;
  padding: 50px 30px 90px;
  background-size: cover;
}
.page-profile .profile-img {
  display: inline-block;
  margin-right: 20px;
}
.page-profile .profile-img img {
  max-width: 120px;
  height: auto;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5), 0 0 10px rgba(0, 0, 0, 0.2);
}
.page-profile .profile-social {
  display: inline-block;
}
.page-profile .profile-social > a {
  margin-right: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.page-profile .profile-info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  line-height: 20px;
  padding: 10px 30px;
  color: #fafafa;
}
.page-profile .profile-info ul {
  margin: 0;
}
.page-profile img.media-object {
  border-radius: 0.2rem;
}

.page-invoice {
  color: rgba(0, 0, 0, 0.87);
}
.page-invoice .invoice-wrapper {
  padding: 0 0 30px;
  background-color: #fff;
}

.invoice-inner {
  padding: 15px 15px 30px;
  background-color: #fff;
}
.invoice-inner .invoice-sum li {
  margin-bottom: 5px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 0.2rem;
}
.invoice-inner .table.table-bordered {
  border: 0;
}
.invoice-inner .table .bg-color-dark > th {
  border: 0;
}

.page-dashboard .metrics {
  margin-top: 50px;
}
.page-dashboard .metrics .metric-box {
  margin-bottom: 15px;
}
.page-dashboard .metrics .metric {
  display: block;
  margin-bottom: 10px;
  font-size: 26px;
  color: #00BCD4;
}
.page-dashboard .metrics .metric-info {
  text-transform: uppercase;
  font-size: 16px;
  color: #aaa;
}
.page-dashboard .box {
  position: relative;
  border-radius: 0.2rem;
}
.page-dashboard .box .box-top,
.page-dashboard .box .box-bottom {
  height: 100px;
  padding: 32px 15px;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 300;
}
.page-dashboard .box .box-top .size-h5,
.page-dashboard .box .box-bottom .size-h5 {
  font-size: 24px;
  margin-left: 2px;
}
.page-dashboard .box .box-top .material-icons,
.page-dashboard .box .box-bottom .material-icons {
  font-size: 40px;
  line-height: 40px;
}
.page-dashboard .box .box-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 768px) {
  .page-dashboard .box .box-bottom {
    padding-left: 15%;
    padding-right: 15%;
  }
}
.page-dashboard .box .box-info {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -12px;
  text-align: center;
}
.page-dashboard .box .box-info span {
  height: 24px;
  display: inline-block;
  padding: 4px 10px;
  text-transform: uppercase;
  line-height: 14px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 12px;
  color: #636c72;
  border-radius: 1em;
}
.page-dashboard .box .box-info span .material-icons {
  line-height: 14px;
  font-size: 11px;
}

.theme-gray .box-info .box-icon .material-icons,
.theme-dark .box-info .box-icon .material-icons {
  color: rgba(255, 255, 255, 0.54);
}
.theme-gray .box-info .box-num,
.theme-dark .box-info .box-num {
  color: rgba(255, 255, 255, 0.54);
}

.theme-gray .page-dashboard .box .box-info span {
  background-color: #5b5b5b;
}

.theme-dark .page-dashboard .box .box-info span {
  background-color: #5b5b5b;
}

.page-maintenance .top-header {
  padding: 1em 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 32px;
  line-height: 1;
}
.page-maintenance .top-header a.logo {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
}
.page-maintenance .content {
  max-width: 1140px;
  margin: 50px auto 0;
}
.page-maintenance .main-content {
  margin-bottom: 80px;
}
.page-maintenance .main-content h1 {
  text-transform: uppercase;
  font-size: 32px;
  margin-bottom: 15px;
}
.page-maintenance .main-content p {
  font-size: 22px;
}

.page-maintenance .top-header {
  padding: 1em 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 32px;
  line-height: 1;
}
.page-maintenance .top-header a.logo {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
}
.page-maintenance .content {
  max-width: 1140px;
  margin: 50px auto 0;
}
.page-maintenance .main-content {
  margin-bottom: 80px;
}
.page-maintenance .main-content h1 {
  text-transform: uppercase;
  font-size: 32px;
  margin-bottom: 15px;
}
.page-maintenance .main-content p {
  font-size: 22px;
}

.page-about .hero.hero-bg-img {
  background-size: cover;
  padding: 0;
  background-position: center center;
}
.page-about .hero .hero-inner {
  background-color: rgba(0, 0, 0, 0.15);
  padding: 90px 0;
}
.page-about .hero .hero-title,
.page-about .hero .hero-tagline {
  color: #fff;
}
.page-about .stat-container {
  margin-bottom: 30px;
}
.page-about .stat-container .stat-item {
  margin-bottom: 20px;
  border-bottom: 2px solid #f5f5f5;
}
.page-about .stat-container .stat-num {
  display: block;
  color: #0054f4;
  font-size: 72px;
  font-weight: 300;
  line-height: 66px;
}
.page-about .stat-container .stat-desc {
  display: inline-block;
  margin-bottom: -2px;
  padding-bottom: 20px;
  border-bottom: 2px solid #0054f4;
  font-size: 20px;
  line-height: 22px;
  font-weight: bold;
}
.page-about .article:nth-of-type(1) {
  padding-top: 75px;
}
.page-about .space-bar {
  padding: 3px;
  border-radius: 0.2rem;
  margin-right: 5px;
}

.page-terms h4 {
  margin-top: 2em;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.blog-item {
  border-top: 1px solid rgba(0, 0, 0, 0.117647);
  margin-top: 70px;
  padding: 70px 0 10px;
}
.blog-item:first-child {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}
.blog-item h2 {
  font-size: 35px;
  line-height: 1;
}
.blog-item h2 a {
  color: rgba(0, 0, 0, 0.87);
  font-weight: 300;
  text-decoration: none;
}
.blog-item .blog-info {
  margin: 10px 0;
}
.blog-item .blog-info > span {
  margin-right: 8px;
}
.blog-item .blog-info .avatar {
  width: 30px;
  height: auto;
  border-radius: 50%;
}
.blog-item .blog-info .date {
  opacity: 0.7;
}
.blog-item .blog-info .category {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  padding: 2px 5px;
  border-radius: 0.2rem;
  background-color: rgba(0, 0, 0, 0.08);
}
.blog-item .blog-info .category a {
  color: rgba(0, 0, 0, 0.87);
  text-decoration: none;
  opacity: 0.7;
}
.blog-item .desc {
  font-size: 16px;
  opacity: 0.7;
}

.theme-gray .blog-item h2 a,
.theme-dark .blog-item h2 a {
  color: rgba(255, 255, 255, 0.7);
}
.theme-gray .blog-item .blog-info .category a,
.theme-dark .blog-item .blog-info .category a {
  color: rgba(255, 255, 255, 0.7);
}

#map {
  height: 100%;
}

/* Optional: Makes the sample page fill the window. */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #ffffff !important;
}

#description {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
}

#infowindow-content .title {
  font-weight: bold;
}

#infowindow-content {
  display: none;
}

#map #infowindow-content {
  display: inline;
}

.pac-card {
  margin: 10px 10px 0 0;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  font-family: Roboto;
}

#pac-container {
  padding-bottom: 12px;
  margin-right: 12px;
}

.pac-controls {
  display: inline-block;
  padding: 5px 11px;
}

.pac-controls label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
}

#pac-input {
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 400px;
}

#pac-input:focus {
  border-color: #4d90fe;
}

#title {
  color: #fff;
  background-color: #4d90fe;
  font-size: 25px;
  font-weight: 500;
  padding: 6px 12px;
}

.leaflet-control.coordinate-tracker {
  background-color: #ffffff;
  padding: 4px 6px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  min-width: 130px;
  text-align: center;
}
.leaflet-control.coordinate-tracker.left-2x {
  left: 300px;
}
.leaflet-control.coordinate-tracker.left-3x {
  left: 600px;
}

.leaflet-popup .spin-loader {
  width: 136px;
  margin: 10px auto 5px auto;
  display: flex;
}
.leaflet-popup .spin-loader .label {
  padding: 3px 0 0 10px;
  color: #ffffff;
}

.map-popup .leaflet-popup-content-wrapper {
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
  border-radius: 7px;
}
.map-popup .leaflet-popup-tip {
  background: rgba(0, 0, 0, 0.85);
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
  width: 10px;
  height: 15px;
}
.map-popup .leaflet-popup-content {
  margin: 7px;
  width: 150px;
}
.map-popup a.leaflet-popup-close-button {
  top: -2px !important;
  right: -2px !important;
  padding: 0px 2px !important;
  font: 9px Tahoma, Verdana, sans-serif !important;
  background: rgb(255, 255, 255) !important;
  color: rgb(0, 0, 0) !important;
  font-weight: bolder;
  width: auto !important;
  height: auto !important;
  border-radius: 50%;
  display: none;
}

.coord-popup .leaflet-popup-content-wrapper {
  text-align: left;
  border-radius: 2px;
  margin-left: 220px;
  margin-bottom: -210px;
}
.coord-popup .leaflet-popup-tip-container {
  display: none;
}
.coord-popup .leaflet-popup-close-button {
  display: none;
}

.map-tooltip .leaflet-popup-content-wrapper {
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
  border-radius: 7px;
}
.map-tooltip .leaflet-popup-tip {
  background: rgba(0, 0, 0, 0.85);
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
  width: 10px;
  height: 15px;
}
.map-tooltip .leaflet-popup-content {
  margin: 7px;
  width: 150px;
}
.map-tooltip a.leaflet-popup-close-button {
  top: -2px !important;
  right: -2px !important;
  padding: 0px 2px !important;
  font: 9px Tahoma, Verdana, sans-serif !important;
  background: rgb(255, 255, 255) !important;
  color: rgb(0, 0, 0) !important;
  width: auto !important;
  height: auto !important;
  border-radius: 50%;
  display: none;
}

.map-container .leaflet-left {
  z-index: 999;
}
.map-container .search-control-wrap {
  --active-height: 30px;
  margin-top: 35px;
  --primary-color: #0053F4;
  color: #5a6673;
}
.map-container .search-control-active .search-control-input {
  width: 300px;
}
.map-container .search-control-close-button {
  display: none;
}
.map-container .search-control-active .search-control-close-button {
  padding: 0px 7px;
}
.map-container .search-control-info-wrapper {
  margin: 1px 0 0 0;
}

.map-popup:hover a.leaflet-popup-close-button {
  display: block;
}

.map-tooltip:hover a.leaflet-popup-close-button {
  display: none;
}

.leaflet-pane.leaflet-custom-polygons-pane, .leaflet-pane.leaflet-qualified-aps-pane {
  z-index: 500;
}
.leaflet-pane.leaflet-custom-markers-pane {
  z-index: 600;
}
.leaflet-pane.leaflet-marker-pane {
  z-index: 999;
}
.leaflet-pane.leaflet-popup-pane {
  z-index: 1000;
}

.leaflet-draw-control {
  position: absolute;
  bottom: 60px;
  left: 20px;
}

.leaflet-draw-control.leaflet-one-sidebar-open {
  left: 310px;
}

.leaflet-draw-control.leaflet-all-sidebars-open {
  left: 610px;
}

/*  map style style */
#v-calendar-quad .fc .fc-toolbar > .fc-center > :first-child {
  line-height: 25px;
  font-size: 13px;
  font-weight: bold;
}

.fc-body.fc-widget-content {
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}

.mini-leaflet-selected-technician {
  background: rgba(0, 151, 19, 0.3);
}

.fc-toolbar {
  flex-wrap: wrap;
}

/* map style */
.gm-style-iw {
  min-width: 100px !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 2px 2px 0 0;
  background-color: transparent !important;
  color: #fff;
  overflow: auto;
  padding-bottom: 0 !important;
  box-shadow: none !important;
}

.gm-style .gm-style-iw-d {
  box-sizing: border-box;
  overflow: auto !important;
}

.gm-style .gm-style-iw-t::after {
  border-top: solid 10px rgba(0, 0, 0, 0.75);
  border-right: solid 10px transparent;
  border-left: solid 10px transparent;
  box-shadow: none;
  -webkit-transform: none;
  transform: translate(-50%, -50%) rotate(0deg);
  background: transparent !important;
  top: 5px;
  width: 10px !important;
  height: 10px !important;
}

.gm-style .gm-style-iw-d + button {
  display: none !important;
}
.gm-style .gm-style-iw-d + button img {
  width: 12px !important;
  height: 12px !important;
  margin: 2px 2.2px !important;
}

.gm-style-iw-d .dragged-popover-body .closeButtonBody,
.gm-style-iw-d .normal-popover-body .closeButtonBody {
  background-color: rgba(0, 0, 0, 0.75) !important;
  top: 4px;
  right: 2px;
  border-radius: 15px !important;
  width: 10px;
  height: 10px;
  opacity: 1;
  position: absolute !important;
  padding: 7px !important;
  display: none;
}

.closeButtonIconRoot {
  color: #fff;
  font-size: 11px !important;
  top: -6px;
  position: relative;
}

.gm-style-iw-d:hover .normal-popover-body .closeButtonBody {
  display: block;
}

.gm-style-iw-d:hover .dragged-popover-body .closeButtonBody {
  display: none;
}

.bom-table-height {
  overflow: hidden auto;
  height: calc(100vh - 508px);
  min-height: 100px;
}

.package-list-scroll > div > div:nth-child(1) {
  position: relative !important;
}

.ql-toolbar.ql-snow .ql-picker-label {
  padding-right: 18px;
  width: auto;
  margin: 0 5px;
}

.ql-toolbar.ql-snow .ql-formats button {
  width: auto;
  padding: 5px;
}
.ql-toolbar.ql-snow .ql-picker.ql-font,
.ql-toolbar.ql-snow .ql-picker.ql-size {
  width: auto;
}

.form-field-text-right input {
  text-align: right;
}

.email-attachment-mobile > div {
  height: 38px;
}
.email-attachment-mobile > div button {
  padding: 0;
  height: 38px;
  display: inline-block;
}

.ticket-kanban .ReactVirtualized__List {
  max-height: 100%;
}

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

@media only screen and (max-width: 959px) {
  .app-text-logo {
    opacity: 0 !important;
  }
  .searchCatIcon {
    font-size: 18px !important;
  }
  #calendar-container .fc-toolbar.fc-header-toolbar {
    margin-bottom: 5px;
  }
  #calendar-container .fc-toolbar.fc-header-toolbar .fc-right {
    margin-top: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .tbl-filter-item {
    padding: 5px !important;
  }
  .subscribers-table-ios {
    height: calc(100vh - 242px);
  }
}
@media only screen and (max-width: 600px) {
  body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .bom-table-height {
    height: calc(100vh - 663px);
  }
  .main-container {
    min-width: 100%;
  }
  .app-icon-logo {
    min-width: 50px !important;
  }
  .app-text-logo {
    display: none !important;
  }
  .sidebar-drawer {
    width: 0 !important;
    margin-left: -1px !important;
  }
  .drawer-header-icon {
    font-size: 13px;
  }
  .quill {
    height: 180px !important;
  }
  button.ticket-add-note-btn {
    margin: 0 !important;
  }
  .resolved-checkbox {
    margin-left: -50px !important;
  }
}
@media (max-width: 768px) and (min-width: 600px) {
  .margin-md-top {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 600px) {
  .header-icons {
    font-size: 20px !important;
  }
  .badge-size-sm span {
    min-width: 16px !important;
    height: 16px !important;
    font-size: 10px;
  }
}
@media only screen and (max-width: 1366px) and (orientation: landscape) {
  .subscribers-table-ios {
    height: calc(100vh - 242px);
  }
}
@media only screen and (max-width: 815px) and (min-width: 800px) and (orientation: landscape) {
  .hide-iphone-x {
    display: none !important;
  }
  .show-iphone-x {
    display: block !important;
  }
}
@media only screen and (max-width: 1024px) {
  .tbl-filter-item {
    padding: 5px 16px;
  }
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .subscriber-table-resposive {
    padding-top: 80px !important;
  }
  .tbl-filter-item {
    padding: 5px !important;
  }
  .google-cal-btn {
    min-height: auto;
    position: absolute;
    top: 0;
    width: auto;
    padding: 0;
    margin: 0;
    right: 70px;
  }
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .tbl-filter-item.filter-paidup:not(.mb-1) {
    margin-bottom: 10px !important;
  }
  .subscriber-table-resposive {
    padding-top: 80px !important;
  }
  .google-cal-btn {
    min-height: auto;
    position: absolute;
    top: 0;
    width: auto;
    padding: 0;
    margin: 0;
    right: 10px;
  }
  .add-note-text-area {
    padding-bottom: 0 !important;
  }
  .page-reports .right-list-box {
    width: 75%;
  }
  .page-reports .left-list-box {
    width: 25%;
  }
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .priority-btn {
    display: block;
    margin-left: 0 !important;
  }
  .tbl-filter-item.filter-paidup {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .main-container {
    min-width: 100%;
  }
  .row-action-btn {
    opacity: 0.4;
  }
  .row-action-btn:active, .row-action-btn:focus, .row-action-btn:hover {
    opacity: 1;
  }
  .section-heading {
    position: fixed;
    top: 54px;
    width: calc(100vw - 90px);
  }
  .reports-content {
    margin-top: 42px;
  }
  .sidebar-drawer {
    width: 0 !important;
    margin-left: -1px !important;
  }
  .sidebar-menu-item {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .drawer-header-icon {
    font-size: 13px;
  }
  .ql-toolbar.ql-snow {
    height: auto !important;
    min-height: 40px;
  }
  .quill {
    height: 180px !important;
  }
  button.ticket-add-note-btn {
    margin: 0 !important;
  }
  .resolved-checkbox {
    margin-left: -50px !important;
  }
  .multi-isp-label {
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60px;
  }
  .section-title,
  h3.section-title {
    line-height: normal;
    font-size: 14px !important;
  }
  .google-cal-btn {
    right: 15px !important;
  }
}
@media only screen and (max-width: 992px) and (orientation: landscape) {
  .section-title,
  h3.section-title {
    line-height: normal;
    font-size: 14px !important;
  }
  .sidebar-menu-item {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .page-reports .right-list-box {
    width: 75%;
    min-height: calc(100vh - 108px);
  }
  .page-reports .left-list-box {
    width: 25%;
    min-height: calc(100vh - 108px);
  }
}
@media only screen and (min-width: 769px) {
  .google-cal-btn {
    float: right;
    margin: 4px 0 4px 4px;
    right: 15px !important;
  }
}
@media only screen and (min-width: 769px) and (orientation: landscape) {
  .google-cal-btn {
    float: right;
    right: 15px !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .section-heading {
    width: calc(100vw - 30px);
  }
  .subscribers-table-ios {
    max-height: calc(100vh - 296px);
  }
  .subscriberIcon svg {
    font-size: 18px !important;
  }
  .tab-text-mobile {
    font-size: 9px;
  }
  .ql-custom-size .ql-picker-label {
    margin-left: 0 !important;
  }
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .section-heading {
    width: calc(100vw - 30px);
  }
}
@media only screen and (max-width: 400px) {
  .tbl-filter-item {
    padding: 5px 3px !important;
  }
}
@media only screen and (max-width: 768px) and (min-width: 400px) {
  .tbl-filter-item {
    padding: 5px 6px !important;
  }
}
@media only screen and (max-width: 670px) and (orientation: portrait) {
  .subscriber-table-resposive {
    padding-top: 80px !important;
  }
  .page-reports .right-list-box {
    width: 65%;
    min-height: calc(100vh - 108px);
  }
  .page-reports .left-list-box {
    width: 35%;
    min-height: calc(100vh - 108px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .google-cal-btn {
    float: right;
    right: 15px !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 375px) and (orientation: portrait) {
  .ticket-filter-status-btn {
    position: relative !important;
  }
  .google-cal-btn {
    position: absolute;
    bottom: 0;
    top: unset;
  }
  .tbl-filter-item.filter-paidup {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
}
@media only screen and (max-width: 1285px) and (min-width: 992px) {
  .priority-radio-btn > span:first-child {
    padding: 6px;
    margin-left: 3px;
  }
}
@media only screen and (max-width: 376px) and (orientation: portrait) {
  .ql-custom-size .ql-picker-label {
    margin-left: 5px !important;
  }
}
@media only screen and (max-width: 1460px) and (min-width: 992px) {
  .md-top-margin {
    margin-top: 20px;
  }
}
@font-face {
  font-family: "micr";
  src: url("/assets/micrenc-cf20632b.ttf");
}
.priority-btn {
  margin-left: 10px;
  vertical-align: top;
}

.ticket-calendar-select {
  min-width: 220px;
  border: 1px solid rgba(0, 0, 0, 0.42);
  display: inline-flex;
  align-items: center;
  padding: 0 5px;
  height: 29px;
}

.ticket-calendar-select input#input-with-icon-adornment:hover {
  cursor: pointer;
}

.ticket-calendar-select .MuiInput-underline:before {
  display: none;
}

.MuiOutlinedInput-notchedOutline legend {
  width: auto !important;
}.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  -ms-touch-action: none;
      touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px;
}
.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb;
}
.rc-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  margin-top: -5px;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}
.rc-slider-handle:focus {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
  outline: none;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-dot-reverse {
  margin-left: 0;
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  box-shadow: none;
  background-color: #fff;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px;
}
.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
}
.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}
.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}
.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.rc-tooltip-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}
.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.rc-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.5;
  opacity: 0.9;
}
.rc-tooltip-hidden {
  display: none;
}
.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
  padding: 5px 0 9px 0;
}
.rc-tooltip-placement-right,
.rc-tooltip-placement-rightTop,
.rc-tooltip-placement-rightBottom {
  padding: 0 5px 0 9px;
}
.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
  padding: 9px 0 5px 0;
}
.rc-tooltip-placement-left,
.rc-tooltip-placement-leftTop,
.rc-tooltip-placement-leftBottom {
  padding: 0 9px 0 5px;
}
.rc-tooltip-inner {
  padding: 8px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #373737;
  border-radius: 6px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
  min-height: 34px;
}
.rc-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  bottom: 4px;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #373737;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}
.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  left: 4px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #373737;
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  right: 4px;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #373737;
}
.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  top: 4px;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #373737;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}
.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDateDisplay{
  display: flex;
  justify-content: space-between;
}

.rdrDateDisplayItem{
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

.rdrMonthAndYearPickers{
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: flex;
}

.rdrMonthsVertical{
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: flex;
  flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

.rdrStaticRanges{
  display: flex;
  flex-direction: column;
}

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: flex;
}

.rdrInputRangeInput{}
.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}
@font-face {
  font-family: "micr";
  src: url("/assets/micrenc-cf20632b.ttf");
}
* {
  outline: none !important;
}

.PhoneInputInput {
  border: none;
  border-bottom: 1px solid gray;
}

body {
  margin: 0;
  padding: 0;
  cursor: default;
  line-height: 1.4;
  font-size: 13px !important;
  overflow: hidden !important;
  max-height: 100vh !important;
  font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  background: #fff !important;
}

a,
.MuiLink-button {
  cursor: pointer;
  text-decoration: none;
  color: #0053F4;
  font-weight: 500;
}
a:disabled,
.MuiLink-button:disabled {
  color: #869098;
}

input,
.MuiFormLabel-root {
  font-size: 12px !important;
  outline: 0 !important;
}

::placeholder {
  font-size: 13px !important;
}

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

p {
  margin: 0;
  font-size: 13px;
}

.app-wrapper {
  flex-grow: 1;
  position: relative;
}
@media (max-width: 768px) {
  .app-wrapper {
    max-width: 100%;
  }
}

.MuiToolbar-root {
  min-height: 42px !important;
}

.MuiToolbar-gutters {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.visible-on-hover:hover .invisible,
.MuiDataGrid-row:hover .invisible {
  visibility: visible !important;
}
@media only screen and (max-width: 1024px) {
  .visible-on-hover .invisible,
  .MuiDataGrid-row .invisible {
    visibility: visible !important;
  }
}

.show-on-hover:hover .invisible-menu {
  visibility: visible !important;
}
@media only screen and (max-width: 1024px) {
  .show-on-hover .invisible-menu {
    visibility: visible !important;
  }
}

.activate-mobile-classes .visible-on-hover .invisible {
  visibility: visible !important;
}

.primary-on-hover * {
  text-decoration: none;
}
.primary-on-hover:hover {
  color: #0053F4;
}
.primary-on-hover:hover * {
  color: #0053F4;
}

.small-icon-center {
  top: calc(50% - 14px);
}

.MuiCheckbox-root {
  padding: 12px;
}
.MuiCheckbox-root .MuiSvgIcon-root {
  font-size: 18px;
}

.css-1dfgn16-MuiFormControlLabel-root .MuiFormControlLabel-label {
  font-size: 12px !important;
}

.CollectJSFade {
  z-index: 1300 !important;
}

#CollectJSIframe {
  z-index: 1301 !important;
}

.min-height-500 {
  min-height: 500px;
}

/* custom scrollbar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #e0e0e0;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #c7c7c7;
}

.paper-height-300 {
  max-height: 300px;
}

.paper-height-500 {
  max-height: 500px;
}

.overlay-layer:has(+ .MuiDrawer-root) {
  position: relative;
}
.overlay-layer:has(+ .MuiDrawer-root)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
}

.wrapper,
.wrapper-full,
.wrapper-double-footer,
.wrapper-triple-footer,
.wrapper-four-footer,
.wrapper-five-footer {
  overflow-y: auto;
  overflow-x: hidden;
}

.wrapper {
  height: calc(100vh - 138px);
}

.wrapper-full {
  height: calc(100vh - 96px);
}

.wrapper-double-footer {
  height: calc(100vh - 180px);
}

.wrapper-triple-footer {
  height: calc(100vh - 222px);
}

.wrapper-four-footer {
  height: calc(100vh - 264px);
}

.wrapper-five-footer {
  height: calc(100vh - 306px);
}

.activate-mobile-classes.mobile-wrapper .wrapper-full {
  height: calc(100vh - 178px) !important;
}
.activate-mobile-classes.mobile-wrapper .wrapper {
  height: calc(100vh - 220px) !important;
}
.activate-mobile-classes.mobile-wrapper .wrapper-double-footer {
  height: calc(100vh - 262px) !important;
}
.activate-mobile-classes.mobile-wrapper .wrapper-triple-footer {
  height: calc(100vh - 304px) !important;
}
.activate-mobile-classes.mobile-wrapper .wrapper-four-footer {
  height: calc(100vh - 346px) !important;
}
.activate-mobile-classes.mobile-wrapper .wrapper-five-footer {
  height: calc(100vh - 388px) !important;
}

.MuiAlert-root {
  border-radius: 4px;
  padding: 1px 15px;
  min-height: 38px;
  align-items: center;
}
.MuiAlert-root .MuiAlert-action {
  padding-top: 0;
}
.MuiAlert-root + .MuiAlert-root {
  margin-top: 10px;
}

.MuiMenu-paper {
  border-radius: 0 0 7px 7px;
  max-height: 400px;
  overflow-y: auto;
}

.counter-badge {
  line-height: 18px;
  height: 18px;
  min-width: 18px;
  font-size: 12px;
  padding: 0 4px;
  border-radius: 20px;
  text-align: center;
  display: inline-block;
}

.subscriber-main-table,
.subscribers-table-ios {
  height: calc(100vh - 200px);
  min-height: 150px;
}

.bom-table-height {
  overflow: hidden auto;
  height: calc(100vh - 508px);
  min-height: 100px;
}

.package-list-scroll > div > div:nth-child(1) {
  position: relative !important;
}

.ql-toolbar.ql-snow .ql-picker-label {
  padding-right: 18px;
  width: auto;
  margin: 0 5px;
}

.ql-toolbar.ql-snow .ql-formats button {
  width: auto;
  padding: 5px;
}
.ql-toolbar.ql-snow .ql-picker.ql-font,
.ql-toolbar.ql-snow .ql-picker.ql-size {
  width: auto;
}

.form-field-text-right input {
  text-align: right;
}

.email-attachment-mobile > div {
  height: 38px;
}
.email-attachment-mobile > div button {
  padding: 0;
  height: 38px;
  display: inline-block;
}

.ticket-kanban .ReactVirtualized__List {
  max-height: 100%;
}

@media only screen and (max-width: 959px) {
  .app-text-logo {
    opacity: 0 !important;
  }
  .searchCatIcon {
    font-size: 18px !important;
  }
  #calendar-container .fc-toolbar.fc-header-toolbar {
    margin-bottom: 5px;
  }
  #calendar-container .fc-toolbar.fc-header-toolbar .fc-right {
    margin-top: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .subscribers-table-ios {
    height: calc(100vh - 242px);
  }
}
@media only screen and (max-width: 600px) {
  body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .bom-table-height {
    height: calc(100vh - 663px);
  }
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .main-container {
    min-width: 100%;
  }
  .app-icon-logo {
    min-width: 50px !important;
  }
  .app-text-logo {
    display: none !important;
  }
  .sidebar-drawer {
    width: 0 !important;
    margin-left: -1px !important;
  }
  .quill {
    height: 180px !important;
  }
  button.ticket-add-note-btn {
    margin: 0 !important;
  }
  .resolved-checkbox {
    margin-left: -50px !important;
  }
}
@media (max-width: 768px) and (min-width: 600px) {
  .margin-md-top {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 600px) {
  .badge-size-sm span {
    min-width: 16px !important;
    height: 16px !important;
    font-size: 10px;
  }
}
@media only screen and (max-width: 1366px) and (orientation: landscape) {
  .subscribers-table-ios {
    height: calc(100vh - 255px);
  }
}
@media only screen and (max-width: 815px) and (min-width: 800px) and (orientation: landscape) {
  .hide-iphone-x {
    display: none !important;
  }
  .show-iphone-x {
    display: block !important;
  }
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .google-cal-btn {
    min-height: auto;
    position: absolute;
    top: 0;
    width: auto;
    padding: 0;
    margin: 0;
    right: 70px;
  }
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .subscriber-main-table {
    height: calc(100vh - 255px);
  }
  .google-cal-btn {
    min-height: auto;
    position: absolute;
    top: 0;
    width: auto;
    padding: 0;
    margin: 0;
    right: 10px;
  }
  .add-note-text-area {
    padding-bottom: 0 !important;
  }
  .page-reports .right-list-box {
    width: 75%;
  }
  .page-reports .left-list-box {
    width: 25%;
  }
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .priority-btn {
    display: block;
    margin-left: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .main-container {
    min-width: 100%;
  }
  .row-action-btn {
    opacity: 0.4;
  }
  .row-action-btn:active, .row-action-btn:focus, .row-action-btn:hover {
    opacity: 1;
  }
  .section-heading {
    position: fixed;
    top: 54px;
    width: calc(100vw - 90px);
  }
  .reports-content {
    margin-top: 42px;
  }
  .sidebar-drawer {
    width: 0 !important;
    margin-left: -1px !important;
  }
  .sidebar-menu-item {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .ql-toolbar.ql-snow {
    height: auto !important;
    min-height: 40px;
  }
  .quill {
    height: 180px !important;
  }
  button.ticket-add-note-btn {
    margin: 0 !important;
  }
  .resolved-checkbox {
    margin-left: -50px !important;
  }
  .multi-isp-label {
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60px;
  }
  .section-title,
  h3.section-title {
    line-height: normal;
    font-size: 14px !important;
  }
  .google-cal-btn {
    right: 15px !important;
  }
}
@media only screen and (max-width: 992px) and (orientation: landscape) {
  .section-title,
  h3.section-title {
    line-height: normal;
    font-size: 14px !important;
  }
  .subscriber-main-table {
    height: calc(100vh - 265px);
  }
  .sidebar-menu-item {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .page-reports .right-list-box {
    width: 75%;
    min-height: calc(100vh - 108px);
  }
  .page-reports .left-list-box {
    width: 25%;
    min-height: calc(100vh - 108px);
  }
}
@media only screen and (min-width: 769px) {
  .google-cal-btn {
    float: right;
    margin: 4px 0 4px 4px;
    right: 15px !important;
  }
}
@media only screen and (min-width: 769px) and (orientation: landscape) {
  .google-cal-btn {
    float: right;
    right: 15px !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .section-heading {
    width: calc(100vw - 30px);
  }
  .subscribers-table-ios {
    max-height: calc(100vh - 306px);
  }
  .subscriberIcon svg {
    font-size: 18px !important;
  }
  .tab-text-mobile {
    font-size: 9px;
  }
  .ql-custom-size .ql-picker-label {
    margin-left: 0 !important;
  }
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .section-heading {
    width: calc(100vw - 30px);
  }
}
@media only screen and (max-width: 670px) and (orientation: portrait) {
  .page-reports .right-list-box {
    width: 65%;
    min-height: calc(100vh - 108px);
  }
  .page-reports .left-list-box {
    width: 35%;
    min-height: calc(100vh - 108px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .google-cal-btn {
    float: right;
    right: 15px !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 375px) and (orientation: portrait) {
  .ticket-filter-status-btn {
    position: relative !important;
  }
  .google-cal-btn {
    position: absolute;
    bottom: 0;
    top: unset;
  }
}
@media only screen and (max-width: 1285px) and (min-width: 992px) {
  .priority-radio-btn > span:first-child {
    padding: 6px;
    margin-left: 3px;
  }
}
@media only screen and (max-width: 376px) and (orientation: portrait) {
  .ql-custom-size .ql-picker-label {
    margin-left: 5px !important;
  }
}
@media only screen and (max-width: 1460px) and (min-width: 992px) {
  .md-top-margin {
    margin-top: 20px;
  }
}
.CSAT-settings,
.CSAT-paper {
  border-radius: 8px !important;
  padding: 4px 10px;
  z-index: 1;
}
.CSAT-settings::before,
.CSAT-paper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: rgba(49, 49, 49, 0.15) !important;
}

.CSAT-settings {
  background: #5f80bf !important;
}

.CSAT-paper {
  background: #575d6a !important;
}

.dissatisfied,
.neutral,
.satisfied {
  position: relative;
}
.dissatisfied .MuiRadio-root,
.neutral .MuiRadio-root,
.satisfied .MuiRadio-root {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  opacity: 0;
  margin: 0;
  z-index: 99;
}
.dissatisfied .MuiFormControlLabel-label,
.neutral .MuiFormControlLabel-label,
.satisfied .MuiFormControlLabel-label {
  opacity: 0.5;
  border-radius: 50%;
  border: 1px solid transparent;
}
.dissatisfied .MuiFormControlLabel-label .MuiSvgIcon-root,
.neutral .MuiFormControlLabel-label .MuiSvgIcon-root,
.satisfied .MuiFormControlLabel-label .MuiSvgIcon-root {
  font-size: 20px;
}
.dissatisfied .MuiRadio-root:hover + .MuiFormControlLabel-label,
.dissatisfied .Mui-checked + .MuiFormControlLabel-label,
.neutral .MuiRadio-root:hover + .MuiFormControlLabel-label,
.neutral .Mui-checked + .MuiFormControlLabel-label,
.satisfied .MuiRadio-root:hover + .MuiFormControlLabel-label,
.satisfied .Mui-checked + .MuiFormControlLabel-label {
  opacity: 1;
}

.dissatisfied .MuiFormControlLabel-label {
  color: #EB5757;
}
.dissatisfied .Mui-checked + .MuiFormControlLabel-label {
  border-color: #EB5757;
}

.neutral .MuiFormControlLabel-label {
  color: #ffb200;
}
.neutral .Mui-checked + .MuiFormControlLabel-label {
  border-color: #ffb200;
}

.satisfied .MuiFormControlLabel-label {
  color: #56C568;
}
.satisfied .Mui-checked + .MuiFormControlLabel-label {
  border-color: #56C568;
}

.btn-dissatisfied,
.btn-neutral,
.btn-satisfied {
  box-shadow: 0 0 4px rgba(49, 49, 49, 0.25);
  background: rgba(49, 49, 49, 0.25) !important;
}

.btn-dissatisfied {
  color: #EB5757 !important;
}

.btn-neutral {
  color: #ffb200 !important;
}

.btn-satisfied {
  color: #56C568 !important;
}

#CSAT-feedback {
  padding: 10px;
  color: #313131;
  min-height: 78px;
  max-height: 200px;
  resize: initial;
  position: relative;
}

.nps-wrapper {
  max-width: 400px;
}
.nps-wrapper .nps-box > span {
  margin-left: -3px;
  margin-right: -3px;
  display: flex !important;
}
.nps-wrapper .nps-box > span > span {
  margin-left: 3px;
  margin-right: 3px;
  flex-grow: 1;
}
.nps-wrapper .nps-box > span .icon {
  width: 100%;
  height: 28px;
  font-size: 10px;
  color: #869098;
  padding: 2px;
  border: 1px solid #c3c3c3;
  border-radius: 3px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.nps-wrapper .nps-box > span .iconFilled {
  border-color: #0053F4;
  background: #0053f4;
  color: #fff;
}

.MuiToggleButtonGroup-root .MuiToggleButton-root {
  border: 1px solid #869098;
  background: rgba(134, 144, 152, 0.04);
  color: #313131;
  font-weight: normal;
  padding: 3px 10px;
  text-transform: initial;
  font-size: 12px;
}
.MuiToggleButtonGroup-root .MuiToggleButton-root.Mui-selected {
  border-color: rgba(0, 83, 244, 0.6);
  background: #e9edfc;
  z-index: 9;
}

.MuiButton-outlined {
  background-color: #fff;
}

.MuiButton-containedDefault {
  border-color: #e0e0e0;
  background-color: #e0e0e0;
}
.MuiButton-containedDefault:hover {
  border-color: #c7c7c7;
  background-color: #c7c7c7;
}

.MuiButton-text.MuiButton-sizeLarge {
  padding: 4px 14px;
}

.MuiIconButton-sizeSmall {
  padding: 5px;
}

.MuiIconButton-sizeMedium {
  padding: 8px;
}

.MuiIconButton-sizeLarge {
  padding: 12px;
}

.MuiButtonGroup-root .MuiButtonBase-root {
  margin-right: 0 !important;
}

.notification-header {
  height: 30px;
  font-size: 11px;
}

.notification-font {
  font-size: 11px;
  font-weight: 500;
}

.notification-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.notification-wrapper > .fade {
  opacity: 0;
  transition: 0.5s opacity;
}
.notification-wrapper:hover > .fade {
  opacity: 1;
}

.notification-pin > svg {
  margin: 0;
  padding: 0;
}

.MuiDrawer-root .MuiDrawer-paper.MuiDrawer-paperAnchorDockedRight, .MuiDrawer-root .MuiDrawer-paper.MuiDrawer-paperAnchorRight, .MuiDrawer-root .MuiDrawer-paper.MuiDrawer-paperAnchorDockedLeft:not(.reorts-list-panel), .MuiDrawer-root .MuiDrawer-paper.MuiDrawer-paperAnchorLeft:not(.reorts-list-panel),
.settings-drawer .MuiDrawer-paper.MuiDrawer-paperAnchorDockedRight,
.settings-drawer .MuiDrawer-paper.MuiDrawer-paperAnchorRight,
.settings-drawer .MuiDrawer-paper.MuiDrawer-paperAnchorDockedLeft:not(.reorts-list-panel),
.settings-drawer .MuiDrawer-paper.MuiDrawer-paperAnchorLeft:not(.reorts-list-panel) {
  top: 54px !important;
  height: calc(100vh - 54px) !important;
}
.MuiDrawer-root .MuiDrawer-paper .docker-buttons + .drawer-header,
.settings-drawer .MuiDrawer-paper .docker-buttons + .drawer-header {
  padding-right: 104px;
}
.MuiDrawer-root .MuiDrawer-paper .close-drawer,
.settings-drawer .MuiDrawer-paper .close-drawer {
  margin-left: auto;
}
.MuiDrawer-root .MuiDrawer-paper .drawer-header,
.settings-drawer .MuiDrawer-paper .drawer-header {
  background-color: #373F52;
  min-height: 42px !important;
  height: 42px;
  color: #fff;
}
.MuiDrawer-root .MuiDrawer-paper .drawer-header img,
.settings-drawer .MuiDrawer-paper .drawer-header img {
  filter: brightness(100);
}
.MuiDrawer-root .MuiDrawer-paper .MuiDrawer-paper,
.settings-drawer .MuiDrawer-paper .MuiDrawer-paper {
  top: 96px !important;
  height: calc(100vh - 96px) !important;
}
.MuiDrawer-root .MuiDrawer-paper .MuiDrawer-paper .drawer-header,
.settings-drawer .MuiDrawer-paper .MuiDrawer-paper .drawer-header {
  background-color: #575d6a;
}
.MuiDrawer-root .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .drawer-header,
.settings-drawer .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .drawer-header {
  background-color: #5e646e;
}
.MuiDrawer-root .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .drawer-header,
.settings-drawer .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .drawer-header {
  background-color: #737983;
}
.MuiDrawer-root .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .drawer-header,
.settings-drawer .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .drawer-header {
  background-color: #9ca0a7;
}
.MuiDrawer-root .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .drawer-header,
.settings-drawer .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .drawer-header {
  background-color: #b8bbbf;
}
.MuiDrawer-root .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper,
.settings-drawer .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper {
  height: calc(100vh - 180px);
}
.MuiDrawer-root .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-full,
.settings-drawer .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-full {
  height: calc(100vh - 138px);
}
.MuiDrawer-root .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-double-footer,
.settings-drawer .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-double-footer {
  height: calc(100vh - 222px);
}
.MuiDrawer-root .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-triple-footer,
.settings-drawer .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-triple-footer {
  height: calc(100vh - 254px);
}
.MuiDrawer-root .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-four-footer,
.settings-drawer .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-four-footer {
  height: calc(100vh - 296px);
}
.MuiDrawer-root .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-five-footer,
.settings-drawer .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-five-footer {
  height: calc(100vh - 338px);
}
.MuiDrawer-root .drawer-header:not(.px-0),
.MuiDrawer-root .MuiToolbar-root:not(.px-0),
.MuiDrawer-root .drawer-footer:not(.px-0),
.settings-drawer .drawer-header:not(.px-0),
.settings-drawer .MuiToolbar-root:not(.px-0),
.settings-drawer .drawer-footer:not(.px-0) {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

@media only screen and (max-width: 1024px) {
  .MuiDrawer-root:not(.left-sider):not(.map-drawers) .MuiDrawer-paper,
  .settings-drawer:not(.left-sider):not(.map-drawers) .MuiDrawer-paper {
    width: 100vw;
    max-width: 100vw;
  }
}

.settings-drawer .MuiDrawer-paper .drawer-header {
  background-color: #4065AD !important;
}
.settings-drawer .MuiDrawer-paper .MuiDrawer-paper .drawer-header {
  background-color: #5f80bf !important;
}
.settings-drawer .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .drawer-header {
  background-color: #6e8fcd !important;
}
.settings-drawer .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .drawer-header {
  background-color: #86a3d9 !important;
}
.settings-drawer .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .MuiDrawer-paper .drawer-header {
  background-color: #9bb2df !important;
}

.drawer-wrapper,
.drawer-wrapper-full,
.drawer-wrapper-double-footer,
.drawer-wrapper-triple-footer,
.drawer-wrapper-four-footer,
.drawer-wrapper-five-footer {
  overflow-y: auto;
  overflow-x: hidden;
}

.drawer-wrapper {
  height: calc(100vh - 138px);
}

.drawer-wrapper-full {
  height: calc(100vh - 96px);
}

.drawer-wrapper-double-footer {
  height: calc(100vh - 180px);
}

.drawer-wrapper-triple-footer {
  height: calc(100vh - 222px);
}

.drawer-wrapper-four-footer {
  height: calc(100vh - 264px);
}

.drawer-wrapper-five-footer {
  height: calc(100vh - 306px);
}

.drawer-footer {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  z-index: 99;
}

@media only screen and (max-width: 1025px) {
  .settings-drawer-wrapper {
    width: 100vw !important;
  }
}

.docker-open,
.docker-closed {
  max-width: 200px !important;
  background-color: #575d6a;
}

.docker-closed {
  width: 0 !important;
}

.activate-mobile-classes .drawer-wrapper-full {
  height: calc(100vh - 161px) !important;
}
.activate-mobile-classes .drawer-wrapper {
  height: calc(100vh - 203px) !important;
}
.activate-mobile-classes .drawer-wrapper-double-footer {
  height: calc(100vh - 245px) !important;
}
.activate-mobile-classes .drawer-wrapper-triple-footer {
  height: calc(100vh - 287px) !important;
}
.activate-mobile-classes .drawer-wrapper-four-footer {
  height: calc(100vh - 329px) !important;
}
.activate-mobile-classes .drawer-wrapper-five-footer {
  height: calc(100vh - 371px) !important;
}
.activate-mobile-classes .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-full {
  height: calc(100vh - 203px) !important;
}
.activate-mobile-classes .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper {
  height: calc(100vh - 245px) !important;
}
.activate-mobile-classes .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-double-footer {
  height: calc(100vh - 287px) !important;
}
.activate-mobile-classes .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-triple-footer {
  height: calc(100vh - 329px) !important;
}
.activate-mobile-classes .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-four-footer {
  height: calc(100vh - 371px) !important;
}
.activate-mobile-classes .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-five-footer {
  height: calc(100vh - 413px) !important;
}
.activate-mobile-classes.mobile-wrapper .drawer-wrapper-full {
  height: calc(100vh - 178px) !important;
}
.activate-mobile-classes.mobile-wrapper .drawer-wrapper {
  height: calc(100vh - 220px) !important;
}
.activate-mobile-classes.mobile-wrapper .drawer-wrapper-double-footer {
  height: calc(100vh - 262px) !important;
}
.activate-mobile-classes.mobile-wrapper .drawer-wrapper-triple-footer {
  height: calc(100vh - 304px) !important;
}
.activate-mobile-classes.mobile-wrapper .drawer-wrapper-four-footer {
  height: calc(100vh - 346px) !important;
}
.activate-mobile-classes.mobile-wrapper .drawer-wrapper-five-footer {
  height: calc(100vh - 388px) !important;
}
.activate-mobile-classes.mobile-wrapper .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-full {
  height: calc(100vh - 220px) !important;
}
.activate-mobile-classes.mobile-wrapper .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper {
  height: calc(100vh - 262px) !important;
}
.activate-mobile-classes.mobile-wrapper .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-double-footer {
  height: calc(100vh - 304px) !important;
}
.activate-mobile-classes.mobile-wrapper .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-triple-footer {
  height: calc(100vh - 346px) !important;
}
.activate-mobile-classes.mobile-wrapper .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-four-footer {
  height: calc(100vh - 388px) !important;
}
.activate-mobile-classes.mobile-wrapper .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-five-footer {
  height: calc(100vh - 430px) !important;
}
.activate-mobile-classes.mobile-wrapper.chrome-mobile .drawer-wrapper-full {
  height: calc(100vh - 178px) !important;
}
.activate-mobile-classes.mobile-wrapper.chrome-mobile .drawer-wrapper {
  height: calc(100vh - 220px) !important;
}
.activate-mobile-classes.mobile-wrapper.chrome-mobile .drawer-wrapper-double-footer {
  height: calc(100vh - 262px) !important;
}
.activate-mobile-classes.mobile-wrapper.chrome-mobile .drawer-wrapper-triple-footer {
  height: calc(100vh - 304px) !important;
}
.activate-mobile-classes.mobile-wrapper.chrome-mobile .drawer-wrapper-four-footer {
  height: calc(100vh - 346px) !important;
}
.activate-mobile-classes.mobile-wrapper.chrome-mobile .drawer-wrapper-five-footer {
  height: calc(100vh - 388px) !important;
}
.activate-mobile-classes.mobile-wrapper.chrome-mobile .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-full {
  height: calc(100vh - 220px) !important;
}
.activate-mobile-classes.mobile-wrapper.chrome-mobile .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper {
  height: calc(100vh - 262px) !important;
}
.activate-mobile-classes.mobile-wrapper.chrome-mobile .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-double-footer {
  height: calc(100vh - 304px) !important;
}
.activate-mobile-classes.mobile-wrapper.chrome-mobile .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-triple-footer {
  height: calc(100vh - 346px) !important;
}
.activate-mobile-classes.mobile-wrapper.chrome-mobile .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-four-footer {
  height: calc(100vh - 388px) !important;
}
.activate-mobile-classes.mobile-wrapper.chrome-mobile .MuiDrawer-paper .MuiDrawer-paper .drawer-wrapper-five-footer {
  height: calc(100vh - 430px) !important;
}

@media (max-width: 599.98px) {
  .makeStyles-drawer-117 {
    width: 0px !important;
  }
}
.MuiDialog-paper {
  border-radius: 4px;
}

.MuiDialogTitle-root {
  background: #e0e0e0;
  color: #313131;
}
.MuiDialogTitle-root .MuiIconButton-root {
  color: #c7c7c7;
  padding: 0;
}

.MuiDialogTitle-root:not(.p-0) {
  padding: 10px 15px !important;
  height: 42px !important;
}

.MuiDialogContent-root:not(.p-0) {
  padding: 15px !important;
}

.MuiDialogActions-root {
  padding: 0px 15px !important;
  min-height: 42px;
}

.MuiTabs-root .MuiTabs-flexContainer:not(.MuiTabs-flexContainerVertical) {
  max-height: 42px;
}
.MuiTabs-root .MuiTabs-flexContainer:not(.MuiTabs-flexContainerVertical) .MuiTab-root {
  max-width: 400px;
  width: auto;
  min-width: 60px;
  padding-left: 13px;
  padding-right: 13px;
  max-height: 42px;
  flex-direction: row;
}
.MuiTabs-root .MuiTab-root {
  text-transform: initial;
}

.MuiTab-root {
  color: #313131;
}

.MuiTabs-indicator {
  margin-bottom: 3px;
}

.tabs-default .Mui-selected {
  color: #0053F4;
}
.tabs-default .MuiTabs-indicator {
  background-color: #0053F4;
}

.tabs-light .MuiTab-root {
  color: #fff;
}
.tabs-light .MuiTabs-indicator {
  background-color: #fff;
}

.tabs-primary .MuiTab-root {
  color: #0053F4;
  opacity: 1;
}
.tabs-primary .MuiTabs-indicator {
  background-color: #0053F4;
}

.tabs-separator .MuiTab-root:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  right: 0;
  border-right: 1px solid #c7c7c7;
}

.tabs-light.tabs-separator .MuiTab-root:not(:last-child)::after {
  border-color: rgba(199, 199, 199, 0.4);
}

.tabs-small {
  min-height: 26px !important;
}
.tabs-small .MuiTabs-flexContainer:not(.MuiTabs-flexContainerVertical) .MuiTab-root {
  min-height: 22px;
  padding: 1px 8px;
  font-weight: 400;
}
.tabs-small .MuiTabs-flexContainer:not(.MuiTabs-flexContainerVertical) .MuiTabs-indicator {
  margin-bottom: 2px;
}

.tabs-small.tabs-separator .MuiTab-root:not(:last-child)::after {
  top: 6px;
  bottom: 6px;
}

.tabs-md {
  min-height: 34px !important;
}
.tabs-md .MuiTab-root {
  min-height: 34px;
  padding: 4px 8px;
}
.tabs-md .MuiTabs-indicator {
  margin-bottom: 3px;
}

.tabs-md.tabs-separator .MuiTab-root:not(:last-child)::after {
  top: 8px;
  bottom: 8px;
}

@media only screen and (max-width: 800px) {
  .MuiTabs-root .MuiTab-root {
    min-width: 10px;
  }
}
.MuiTabs-vertical {
  background: rgba(233, 237, 252, 0.3);
}
.MuiTabs-vertical .MuiTab-root {
  z-index: 1;
  opacity: 1;
  max-width: 100%;
}
.MuiTabs-vertical .MuiTab-root .MuiTab-wrapper {
  align-items: flex-start;
}
.MuiTabs-vertical .MuiTabs-indicator {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  width: 100%;
  z-index: 0;
  background: #e9edfc;
}

.MuiAccordion-root {
  border-radius: 6px !important;
  overflow: hidden;
  box-shadow: none;
  margin-top: 0 !important;
}
.MuiAccordion-root:not(:last-child) {
  margin-bottom: 16px !important;
}
.MuiAccordion-root.Mui-expanded {
  box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.15) !important;
}
.MuiAccordion-root .MuiAccordionSummary-root {
  min-height: 42px !important;
  background-color: #e9edfc;
  justify-content: flex-start;
}
.MuiAccordion-root .MuiAccordionSummary-root .MuiButtonBase-root {
  font-size: 13px;
}
.MuiAccordion-root .MuiAccordionSummary-root .MuiAccordionSummary-content {
  margin: auto 0 !important;
  order: 1;
}
.MuiAccordion-root .MuiAccordionSummary-root .MuiAccordionSummary-expandIconWrapper {
  order: 0;
  margin-right: 10px;
  color: #313131;
}
.MuiAccordion-root .MuiAccordionSummary-root .MuiButton-endIcon {
  color: #869098;
  margin-left: 1px;
}
.MuiAccordion-root .MuiAccordionSummary-root .MuiButton-endIcon .MuiSvgIcon-root {
  font-size: 16px;
}
.MuiAccordion-root:not(.flex-grow-1) .MuiAccordionSummary-content {
  flex-grow: 1;
  align-items: center;
}
.MuiAccordion-root .MuiAccordionDetails-root {
  padding: 16px;
  display: block;
}
.MuiAccordion-root .MuiAccordionActions-root {
  margin-top: auto;
  height: 42px;
  padding: 2px 15px !important;
}

.MuiCard-root {
  box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.15) !important;
  display: flex;
  flex-direction: column;
}
.MuiCard-root:not(:last-child) {
  margin-bottom: 16px;
}

.MuiCard-root:not(.rounded-0) {
  border-radius: 6px !important;
}

.MuiCardContent-root {
  overflow: auto;
}

.MuiCardHeader-root {
  padding: 6px 16px !important;
  border-bottom: 1px solid #e0e0e0;
  min-height: 40px;
}
.MuiCardHeader-root .MuiCardHeader-action {
  margin-top: auto;
  margin-right: -10px;
  margin-bottom: auto;
}
.MuiCardHeader-root .MuiCardHeader-action .MuiIconButton-root {
  padding: 6px;
}
.MuiCardHeader-root .MuiAvatar-root {
  width: 36px;
  height: 36px;
}

.MuiCardActions-root {
  margin-top: auto;
  height: 42px;
  padding: 2px 15px !important;
  border-top: 1px solid #e0e0e0;
  background: #f7f7f7;
}

.MuiTreeItem-root .MuiTreeItem-content {
  padding: 2px 5px;
  min-height: 36px;
}
.MuiTreeItem-root .MuiTreeItem-group {
  padding: 0;
  margin: 0;
}
.MuiTreeItem-root .MuiTreeItem-root .MuiTreeItem-content {
  padding-left: 25px;
}
.MuiTreeItem-root .MuiTreeItem-root .MuiTreeItem-content .MuiTreeItem-iconContainer:not(:empty) + .MuiTreeItem-label {
  max-width: calc(100% - 18px);
}
.MuiTreeItem-root .MuiTreeItem-root .MuiTreeItem-root .MuiTreeItem-content {
  padding-left: 45px;
}
.MuiTreeItem-root .MuiTreeItem-root .MuiTreeItem-root .MuiTreeItem-root .MuiTreeItem-content {
  padding-left: 65px;
}
.MuiTreeItem-root .MuiTreeItem-root .MuiTreeItem-root .MuiTreeItem-root .MuiTreeItem-root .MuiTreeItem-content {
  padding-left: 85px;
}

.MuiTreeItem-iconContainer:empty {
  display: none;
}

.MuiTreeItem-root.Mui-selected:focus > .MuiTreeItem-content,
.MuiTreeItem-root.Mui-selected > .MuiTreeItem-content,
.MuiTreeView-root .Mui-selected {
  background-color: #092571 !important;
}
.MuiTreeItem-root.Mui-selected:focus > .MuiTreeItem-content .MuiTreeItem-iconContainer,
.MuiTreeItem-root.Mui-selected:focus > .MuiTreeItem-content .MuiTreeItem-label .MuiTypography-root,
.MuiTreeItem-root.Mui-selected:focus > .MuiTreeItem-content .MuiTreeItem-label .MuiTypography-root + .MuiSvgIcon-root,
.MuiTreeItem-root.Mui-selected:focus > .MuiTreeItem-content .MuiInput-input,
.MuiTreeItem-root.Mui-selected:focus > .MuiTreeItem-content .MuiTreeItem-label,
.MuiTreeItem-root.Mui-selected:focus > .MuiTreeItem-content .MuiCheckbox-root,
.MuiTreeItem-root.Mui-selected > .MuiTreeItem-content .MuiTreeItem-iconContainer,
.MuiTreeItem-root.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label .MuiTypography-root,
.MuiTreeItem-root.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label .MuiTypography-root + .MuiSvgIcon-root,
.MuiTreeItem-root.Mui-selected > .MuiTreeItem-content .MuiInput-input,
.MuiTreeItem-root.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label,
.MuiTreeItem-root.Mui-selected > .MuiTreeItem-content .MuiCheckbox-root,
.MuiTreeView-root .Mui-selected .MuiTreeItem-iconContainer,
.MuiTreeView-root .Mui-selected .MuiTreeItem-label .MuiTypography-root,
.MuiTreeView-root .Mui-selected .MuiTreeItem-label .MuiTypography-root + .MuiSvgIcon-root,
.MuiTreeView-root .Mui-selected .MuiInput-input,
.MuiTreeView-root .Mui-selected .MuiTreeItem-label,
.MuiTreeView-root .Mui-selected .MuiCheckbox-root {
  color: #fff;
}
.MuiTreeItem-root.Mui-selected:focus > .MuiTreeItem-content .MuiInput-underline::after,
.MuiTreeItem-root.Mui-selected > .MuiTreeItem-content .MuiInput-underline::after,
.MuiTreeView-root .Mui-selected .MuiInput-underline::after {
  border-color: #c7c7c7;
}
.MuiTreeItem-root.Mui-selected:focus > .MuiTreeItem-content .MuiTreeItem-label .text-muted,
.MuiTreeItem-root.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label .text-muted,
.MuiTreeView-root .Mui-selected .MuiTreeItem-label .text-muted {
  color: #c7c7c7 !important;
}

.MuiTreeItem-root .Mui-selected:focus,
.MuiTreeItem-root .Mui-selected {
  background-color: #092571 !important;
}
.MuiTreeItem-root .Mui-selected:focus .MuiTreeItem-iconContainer,
.MuiTreeItem-root .Mui-selected:focus .MuiTreeItem-label,
.MuiTreeItem-root .Mui-selected:focus .MuiTreeItem-label .MuiTypography-root,
.MuiTreeItem-root .Mui-selected:focus .MuiTreeItem-label .MuiTypography-root + .MuiSvgIcon-root,
.MuiTreeItem-root .Mui-selected:focus .MuiInput-input,
.MuiTreeItem-root .Mui-selected:focus .MuiTreeItem-label,
.MuiTreeItem-root .Mui-selected:focus .MuiCheckbox-root,
.MuiTreeItem-root .Mui-selected .MuiTreeItem-iconContainer,
.MuiTreeItem-root .Mui-selected .MuiTreeItem-label,
.MuiTreeItem-root .Mui-selected .MuiTreeItem-label .MuiTypography-root,
.MuiTreeItem-root .Mui-selected .MuiTreeItem-label .MuiTypography-root + .MuiSvgIcon-root,
.MuiTreeItem-root .Mui-selected .MuiInput-input,
.MuiTreeItem-root .Mui-selected .MuiTreeItem-label,
.MuiTreeItem-root .Mui-selected .MuiCheckbox-root {
  color: #fff;
}
.MuiTreeItem-root .Mui-selected:focus .MuiInput-underline::after,
.MuiTreeItem-root .Mui-selected .MuiInput-underline::after {
  border-color: #c7c7c7;
}
.MuiTreeItem-root .Mui-selected:focus .MuiTreeItem-label .text-muted,
.MuiTreeItem-root .Mui-selected .MuiTreeItem-label .text-muted {
  color: #c7c7c7 !important;
}

.MuiListItemButton-root {
  min-height: 42px;
  padding-top: 7px;
  padding-bottom: 7px;
  position: relative;
}
.MuiListItemButton-root:hover {
  background-color: rgba(233, 237, 252, 0.5) !important;
}
.MuiListItemButton-root:hover .MuiListItemText-primary {
  color: #0053F4;
}
.MuiListItemButton-root:hover::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background-color: #0053F4;
}

.MuiListItem-button:hover {
  background: #e9edfc !important;
}
.MuiListItem-button:hover .MuiListItemIcon-root,
.MuiListItem-button:hover .MuiListItemText-root,
.MuiListItem-button:hover .MuiListItemText-root .MuiTypography-root {
  color: #313131;
}

.MuiListItem-root.Mui-selected {
  background: #092571 !important;
  color: #fff;
}
.MuiListItem-root.Mui-selected .MuiListItemIcon-root,
.MuiListItem-root.Mui-selected .MuiListItemText-root,
.MuiListItem-root.Mui-selected .MuiListItemText-root .MuiTypography-root {
  color: #fff;
}

.MuiListItem-root.Mui-selected + .MuiListItemSecondaryAction-root {
  color: #fff;
}

.MuiListItem-root:hover {
  background-color: #e9edfc;
}

.MuiTreeItem-content.Mui-selected {
  background: #092571 !important;
}
.MuiTreeItem-content.Mui-selected .MuiTreeItem-iconContainer,
.MuiTreeItem-content.Mui-selected .MuiTypography-root,
.MuiTreeItem-content.Mui-selected .MuiSvgIcon-root {
  color: #fff;
}

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

.dark-list .MuiListSubheader-root {
  background: #575d6a !important;
  color: #fff !important;
  line-height: 36px;
}
.dark-list .MuiListItem-container:hover {
  visibility: visible;
}
.dark-list .MuiListItem-button .MuiListItemText-primary,
.dark-list .MuiListItem-button .MuiListItemText-secondary {
  color: #fff !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dark-list .MuiListItem-button:hover {
  color: #fff !important;
  background: rgba(55, 63, 82, 0.2) !important;
}
.dark-list .MuiListItemSecondaryAction-root {
  right: 0;
  color: #c7c7c7;
}

.MuiListItemSecondaryAction-root {
  right: 15px;
}

.two-action-list {
  padding-right: 72px;
}
.two-action-list .MuiListItemSecondaryAction-root {
  width: 56px;
  text-align: right;
}

.sort-filters {
  display: inline-block;
  border: 1px solid #869098;
  min-width: 24px;
  text-align: center;
  font-size: 12px;
  line-height: 28px;
  padding: 0 17px;
  background: rgba(134, 144, 152, 0.04);
  cursor: pointer;
}
.sort-filters:not(:first-child) {
  margin-left: -1px;
}
.sort-filters:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.sort-filters:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.sort-filters .MuiSvgIcon-root {
  margin: auto;
}

.sort-filters.active {
  border-color: #0053F4;
  position: relative;
  z-index: 9;
  background: rgba(0, 83, 244, 0.12);
}

.sort-filters:not(.show-more-less) .MuiSvgIcon-root {
  margin-top: -1px;
  margin-right: 2px;
}

.show-more-less {
  padding: 0 !important;
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .sort-filters {
    padding: 0 12px;
  }
}
@media only screen and (max-width: 768px) {
  .sort-filters {
    padding: 0 8px;
  }
  .MuiSvgIcon-root {
    margin: 0;
  }
}
@media only screen and (max-width: 400px) {
  .sort-filters {
    padding: 0 7px;
  }
}
.calender-wrapper .fc-button-primary {
  display: inline-block;
  border: 1px solid #313131;
  color: #313131 !important;
  min-width: 24px;
  font-size: 12px;
  line-height: 28px;
  padding: 0 12px;
  background: transparent;
  cursor: pointer;
}
.calender-wrapper .fc-button-primary:focus {
  box-shadow: none !important;
}
.calender-wrapper .fc-button-primary:disabled {
  background: #f7f7f7;
  color: #869098;
  border-color: #869098;
}
.calender-wrapper .fc-button-primary .MuiSvgIcon-root {
  margin: auto;
}
.calender-wrapper .fc-button-primary:hover:not(:disabled),
.calender-wrapper .fc-button-primary:active:not(:disabled),
.calender-wrapper .fc-button-primary.fc-button-active:not(:disabled) {
  border-color: #0053F4 !important;
  color: #0053F4 !important;
  position: relative;
  z-index: 9;
  background: rgba(233, 237, 252, 0.8) !important;
}

.MuiFormHelperText-root.Mui-error {
  color: #EB5757 !important;
}

.css-2b097c-container .css-lmwn0y-indicatorSeparator,
.css-2b097c-container .css-ysu25d-indicatorSeparator,
.css-2b097c-container .css-6q0nyr-Svg,
.css-2b097c-container svg,
.css-14jk2my-container .css-lmwn0y-indicatorSeparator,
.css-14jk2my-container .css-ysu25d-indicatorSeparator,
.css-14jk2my-container .css-6q0nyr-Svg,
.css-14jk2my-container svg {
  display: none;
}
.css-2b097c-container .css-d211j-indicatorContainer,
.css-14jk2my-container .css-d211j-indicatorContainer {
  position: relative;
  min-width: 16px;
}
.css-2b097c-container .css-d211j-indicatorContainer::before,
.css-14jk2my-container .css-d211j-indicatorContainer::before {
  position: absolute;
  content: "";
  right: 4px;
  top: -2px;
  border: 4px solid transparent;
  border-top-color: #869098;
}

textarea {
  outline: 0 !important;
}

.MuiOutlinedInput-inputMarginDense,
.MuiOutlinedInput-input {
  padding-top: 7.5px !important;
  padding-bottom: 7.5px !important;
}

.MuiSelect-selectMenu {
  min-height: 30px;
}

.MuiInputLabel-outlined:not(.MuiInputLabel-shrink) {
  transform: translate(14px, 9px) scale(1) !important;
}

.MuiInputLabel-outlined.MuiInputLabel-shrink {
  transform: translate(14px, -4px) scale(0.75) !important;
}

.MuiCheckbox-colorPrimary:checked:not(.Mui-disabled), .MuiCheckbox-colorPrimary.Mui-checked:not(.Mui-disabled),
.MuiRadio-colorPrimary:checked:not(.Mui-disabled),
.MuiRadio-colorPrimary.Mui-checked:not(.Mui-disabled),
.MuiSwitch-colorPrimary:checked:not(.Mui-disabled),
.MuiSwitch-colorPrimary.Mui-checked:not(.Mui-disabled) {
  color: #3a79f6;
}
.MuiCheckbox-colorPrimary:checked + .MuiSwitch-track, .MuiCheckbox-colorPrimary.Mui-checked + .MuiSwitch-track,
.MuiRadio-colorPrimary:checked + .MuiSwitch-track,
.MuiRadio-colorPrimary.Mui-checked + .MuiSwitch-track,
.MuiSwitch-colorPrimary:checked + .MuiSwitch-track,
.MuiSwitch-colorPrimary.Mui-checked + .MuiSwitch-track {
  background: rgba(0, 83, 244, 0.6);
}

.drop-box {
  padding: 1em;
  color: #869098;
  border: 1px dashed #0053F4;
  cursor: pointer;
}
.drop-box img {
  max-height: 170px;
  min-height: 170px;
  width: auto;
}

.image-wrapper-50 {
  width: 50px;
  height: 50px;
}

.image-wrapper-75 {
  width: 75px;
  height: 75px;
}

.image-wrapper-100 {
  width: 100px;
  height: 100px;
}

.image-wrapper-125 {
  width: 125px;
  height: 125px;
}

.image-wrapper-150 {
  width: 150px;
  height: 150px;
}

.upload-image-placeholder {
  margin-bottom: 16px;
}
.upload-image-placeholder input.upload-file-input {
  display: none;
}
.upload-image-placeholder .upload-file-input {
  display: block;
  border: 1px dashed #c7c7c7;
  border-radius: 8px;
  background-color: #fff;
  padding: 16px;
  text-align: center;
  margin-bottom: 1rem;
  cursor: pointer;
}
.upload-image-placeholder .upload-file-input:hover {
  border-color: #0053F4 !important;
  background: rgba(0, 83, 244, 0.1) !important;
}

.dragging .upload-file-input {
  border-color: #0053F4 !important;
  background: rgba(0, 83, 244, 0.1) !important;
}

.attachment-card {
  height: 120px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: center;
  position: relative;
  border: 1px solid #e0e0e0;
  background-color: #f7f7f7;
}
.attachment-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.attachment-card .preview-icon-btn {
  position: absolute;
  background: rgba(49, 49, 49, 0.3);
  color: #f7f7f7;
  border-radius: 4px;
  top: calc(50% - 14px);
  left: calc(50% - 14px);
}
.attachment-card .close-icon-btn {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
}
.attachment-card img {
  min-height: 100%;
  min-width: 100%;
}
.attachment-card:hover {
  border-color: #0053F4;
}
.attachment-card:hover::before {
  background-color: rgba(49, 49, 49, 0.3);
}
.attachment-card:hover .preview-icon-btn {
  background: none;
  color: #fff;
}

.messages-list-wrapper .quote-block {
  line-height: 1;
}
.messages-list-wrapper .quote-block .quote-sender {
  font-size: 11px;
  line-height: 1;
}
.messages-list-wrapper .quote-block .quote-subject {
  font-size: 11px;
  line-height: 1.2;
}
.messages-list-wrapper .quote-block .quote-content {
  background-color: #f7f7f7;
  padding: 0 1rem;
  line-height: 1;
  font-size: 13px;
  color: #869098;
}
.messages-list-wrapper p {
  line-height: 1;
}

.message-bubble {
  margin: 2px;
}

.message-bubble.mine.first-message {
  border-radius: 10px 10px 0 10px;
}

.message-bubble.mine.first-message + .message-bubble.mine:not(.last-message) {
  border-radius: 10px 0 0 10px;
}

.message-bubble.mine.last-message {
  border-radius: 10px 0 10px 10px;
}

.message-bubble.first-message {
  border-radius: 10px 10px 10px 0;
}

.message-bubble.first-message + .message-bubble:not(.last-message) {
  border-radius: 0 10px 10px 0;
}

.message-bubble.last-message {
  border-radius: 0 10px 10px 10px;
}

.message-bubble.first-message.last-message {
  border-radius: 10px;
}

.table-datagrid tr:nth-child(even) {
  background-color: #e4e6e8;
}
.table-datagrid tr td,
.table-datagrid tr th {
  height: 32px;
  border-bottom: 1px solid #c1c3c5;
  border-right: 1px solid #c1c3c5;
}

.ReactVirtualized__Grid.topRightGrid,
.MuiDataGrid-columnHeaders {
  background-color: #dadee0;
  border-radius: 0;
}

.MuiDataGrid-toolbarContainer {
  background-color: #f7f7f7;
}

.MuiDataGrid-root .MuiDataGrid-columnHeaders,
.MuiDataGrid-root .MuiDataGrid-row {
  min-height: 32px !important;
}
.MuiDataGrid-root:not(.technician-availability-table) .MuiDataGrid-columnHeaders,
.MuiDataGrid-root:not(.technician-availability-table) .MuiDataGrid-row {
  height: 32px;
  max-height: 32px !important;
}

.MuiDataGrid-row:nth-child(even) {
  background-color: #e4e6e8;
}
.MuiDataGrid-row:hover {
  background-color: #e9edfc !important;
}
.MuiDataGrid-row.Mui-selected {
  background-color: #092571 !important;
}
.MuiDataGrid-row.Mui-selected .MuiDataGrid-cell {
  color: #fff !important;
}
.MuiDataGrid-row.Mui-selected .MuiDataGrid-cell .MuiTypography-root {
  color: #fff !important;
}
.MuiDataGrid-row .MuiDataGrid-cell {
  border-right: 1px solid #c1c3c5;
  border-bottom: 1px solid #c1c3c5;
}

.MuiDataGrid-cell--editable {
  box-shadow: none;
}

.MuiDataGrid-root {
  border-radius: 2px;
}
.MuiDataGrid-root .MuiDataGrid-columnHeader,
.MuiDataGrid-root .MuiDataGrid-cell {
  min-height: 32px !important;
}
.MuiDataGrid-root:not(.technician-availability-table) .MuiDataGrid-columnHeader,
.MuiDataGrid-root:not(.technician-availability-table) .MuiDataGrid-cell {
  min-height: 32px !important;
  max-height: 32px !important;
  font-size: 12px; /* Adjust the font size to your preference */
}

.tox-tinymce {
  border-radius: 4px !important;
  border: 1px solid #c7c7c7 !important;
}

.tox-editor-header {
  background-color: #f7f7f7 !important;
  border-bottom: 1px solid #c7c7c7 !important;
  box-shadow: none !important;
}

.tox .tox-toolbar-overlord {
  background: none !important;
}
.tox .tox-toolbar-overlord .tox-toolbar__primary,
.tox .tox-toolbar-overlord .tox-toolbar__group,
.tox .tox-toolbar-overlord .tox-tbtn {
  background: none !important;
}
.tox .tox-toolbar-overlord .tox-toolbar__primary svg,
.tox .tox-toolbar-overlord .tox-toolbar__group svg,
.tox .tox-toolbar-overlord .tox-tbtn svg {
  fill: #313131 !important;
  font-size: 16px !important;
}
.tox .tox-toolbar-overlord .tox-toolbar__primary.tox-tbtn--disabled svg, .tox .tox-toolbar-overlord .tox-toolbar__primary.tox-tbtn--disabled:hover svg, .tox .tox-toolbar-overlord .tox-toolbar__primary.tox-tbtn:disabled svg, .tox .tox-toolbar-overlord .tox-toolbar__primary.tox-tbtn:disabled:hover svg,
.tox .tox-toolbar-overlord .tox-toolbar__group.tox-tbtn--disabled svg,
.tox .tox-toolbar-overlord .tox-toolbar__group.tox-tbtn--disabled:hover svg,
.tox .tox-toolbar-overlord .tox-toolbar__group.tox-tbtn:disabled svg,
.tox .tox-toolbar-overlord .tox-toolbar__group.tox-tbtn:disabled:hover svg,
.tox .tox-toolbar-overlord .tox-tbtn.tox-tbtn--disabled svg,
.tox .tox-toolbar-overlord .tox-tbtn.tox-tbtn--disabled:hover svg,
.tox .tox-toolbar-overlord .tox-tbtn.tox-tbtn:disabled svg,
.tox .tox-toolbar-overlord .tox-tbtn.tox-tbtn:disabled:hover svg {
  fill: #869098 !important;
}

.tox.tox-edit-focus .tox-edit-area::before {
  display: none;
}

.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  position: relative;
}
.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type)::after {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 0;
  width: 1px;
  background: #c7c7c7 !important;
}

.MuiTooltip-tooltip {
  color: #fff !important;
}
.MuiTooltip-tooltip .MuiTypography-root {
  color: #fff !important;
}

.MuiChip-root {
  margin: 2px;
}

.MuiChip-sizeMedium {
  height: 26px;
  line-height: 24px;
}

.MuiChip-avatar {
  height: 22px !important;
  width: 22px !important;
  margin-left: 1px !important;
}

.MuiChip-sizeSmall {
  line-height: 20px;
  height: 22px;
}
.MuiChip-sizeSmall .MuiChip-avatar {
  height: 18px !important;
  width: 18px !important;
}

.chip-box {
  padding: 1px 4px;
  border-radius: 4px;
  font-size: 12px;
  display: inline-block;
  font-weight: 500;
  text-align: center;
  min-width: 50px;
}

.chip-primary {
  background: rgba(0, 83, 244, 0.15) !important;
  color: #0053F4 !important;
}

.chip-secondary {
  background: rgba(0, 157, 255, 0.15) !important;
  color: #009DFF !important;
}

.chip-danger {
  background: rgba(235, 87, 87, 0.15) !important;
  color: #EB5757 !important;
}

.chip-warning {
  background: rgba(255, 178, 0, 0.15) !important;
  color: #ffb200 !important;
}

.chip-success {
  background: rgba(86, 197, 104, 0.15) !important;
  color: #56C568 !important;
}

.chip-dark {
  background: rgba(49, 49, 49, 0.15) !important;
  color: #313131 !important;
}

.chip-light {
  background: rgba(199, 199, 199, 0.15) !important;
  color: #c7c7c7 !important;
}

.chip-lighter {
  background: rgba(224, 224, 224, 0.15) !important;
  color: #e0e0e0 !important;
}

.chip-lightest {
  background: rgba(247, 247, 247, 0.15) !important;
  color: #f7f7f7 !important;
}

.chip-muted {
  background: rgba(134, 144, 152, 0.15) !important;
  color: #869098 !important;
}

.chip-white {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}

.chip-hover {
  background: rgba(233, 237, 252, 0.15) !important;
  color: #e9edfc !important;
}

.chip-selected {
  background: rgba(9, 37, 113, 0.15) !important;
  color: #092571 !important;
}

.chip-failed {
  background: rgba(235, 87, 87, 0.15) !important;
  color: rgba(235, 87, 87, 0.2) !important;
}

.chip-brown {
  background: rgba(121, 85, 72, 0.15) !important;
  color: #795548 !important;
}

.chip-yellow {
  background: rgba(255, 235, 59, 0.15) !important;
  color: #FFEB3B !important;
}

.chip-violet {
  background: rgba(156, 39, 176, 0.15) !important;
  color: #9C27B0 !important;
}

.chip-aqua {
  background: rgba(0, 188, 212, 0.15) !important;
  color: #00BCD4 !important;
}

.MuiChip-outlinedPrimary {
  background: rgba(0, 83, 244, 0.07) !important;
}

.MuiChip-outlinedSecondary {
  background: rgba(0, 157, 255, 0.07) !important;
}

.rdrMonth {
  width: 20.667em;
}

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {
  color: #313131 !important;
}

.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span {
  color: #fff !important;
  display: inline-block;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  font-weight: normal;
  line-height: 22px;
  background: #0053F4;
}

.rdrDayHovered {
  border-color: #0053F4 !important;
}

.rdrStartEdge,
.rdrInRange,
.rdrEndEdge {
  color: rgba(0, 83, 244, 0.15) !important;
}

.rdrDayToday .rdrDayNumber span {
  font-weight: bold;
  color: #0053F4;
}
.rdrDayToday .rdrDayNumber span::after {
  display: none;
}

.rdrStaticRangeLabel {
  background: none;
}

@media (max-width: 769px) {
  .rdrInputRanges:empty {
    display: none;
  }
  .rdrDay {
    line-height: 24px !important;
    height: 24px !important;
  }
  .rdrSelected,
  .rdrInRange,
  .rdrStartEdge,
  .rdrEndEdge {
    top: 1px !important;
    bottom: 1px !important;
  }
  .rdrDayStartPreview,
  .rdrDayInPreview,
  .rdrDayEndPreview {
    top: -1px !important;
    bottom: -1px !important;
  }
  .rdrDayStartPreview {
    left: -1px !important;
  }
  .rdrDayEndPreview {
    right: -1px !important;
  }
  .rdrDateRangePickerWrapper {
    flex-direction: column;
  }
  .rdrDateRangePickerWrapper .rdrDefinedRangesWrapper {
    width: 100%;
  }
  .rdrDateRangePickerWrapper .rdrDefinedRangesWrapper .rdrStaticRanges {
    display: block;
    padding: 5px;
  }
  .rdrDateRangePickerWrapper .rdrDefinedRangesWrapper .rdrStaticRanges .rdrStaticRange {
    padding: 0 2px;
    display: inline-block;
    border: 1px solid #c7c7c7;
    min-width: 55px;
    padding: 2px 4px;
    margin-left: -1px;
    margin-top: -1px;
    min-height: 28px;
  }
  .rdrDateRangePickerWrapper .rdrDefinedRangesWrapper .rdrStaticRanges .rdrStaticRange:nth-child(4), .rdrDateRangePickerWrapper .rdrDefinedRangesWrapper .rdrStaticRanges .rdrStaticRange:nth-child(5) {
    display: none;
  }
  .rdrDateRangePickerWrapper .rdrDefinedRangesWrapper .rdrStaticRanges .rdrStaticRange:first-child {
    margin-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .rdrDateRangePickerWrapper .rdrDefinedRangesWrapper .rdrStaticRanges .rdrStaticRange:last-child {
    border-radius: 0 5px 5px 0;
  }
  .rdrDateRangePickerWrapper .rdrDefinedRangesWrapper .rdrStaticRanges .rdrStaticRange.rdrStaticRangeSelected {
    font-weight: 500;
    color: #0053F4 !important;
    border-color: #0053F4;
    position: relative;
    z-index: 10;
  }
  .rdrDateRangePickerWrapper .rdrDefinedRangesWrapper .rdrStaticRanges .rdrStaticRange .rdrStaticRangeLabel {
    min-width: max-content;
    padding: 0;
    text-align: center;
  }
}
.dg-wrapper-height {
  height: calc(100vh - 54px);
}
.dg-wrapper-height .dg-vertical-tab {
  min-width: 160px;
  overflow-y: auto;
}
.dg-wrapper-height .dg-vertical-tab .MuiTab-root {
  align-items: start;
}
.dg-wrapper-height .dg-scroller {
  overflow-y: auto;
}
.dg-wrapper-height .dg-dection-heading {
  padding-bottom: 6px;
  padding-right: 18px;
  position: relative;
  margin-bottom: 6px;
}
.dg-wrapper-height .dg-dection-heading::before {
  content: "";
  position: absolute;
  background: #dddddd;
  left: 0;
  bottom: -1px;
  width: 150px;
  height: 1px;
}
.dg-wrapper-height .dg-dection-heading::after {
  content: "";
  position: absolute;
  background: #0053F4;
  left: 0;
  bottom: -2px;
  width: 40px;
  height: 3px;
}
.dg-wrapper-height pre:not(.dg-heading) {
  margin: 0 !important;
  padding: 10px !important;
  color: #616161;
  background: #efefef;
  display: block;
}
.dg-wrapper-height code {
  padding: 0 15px;
  display: block;
  margin: 2px 0;
  width: 100%;
  white-space: pre-wrap;
}
.dg-wrapper-height .dg-heading {
  background: #313131;
  padding: 10px;
  margin: 10px 0;
  color: #fff;
  width: auto;
  display: inline-block;
}
.dg-wrapper-height .dg-attribute {
  color: #f75d01;
}
.dg-wrapper-height .dg-className {
  background: #fbc2c2;
  padding: 2px 4px;
  border-radius: 2px;
  color: #313131;
}
.dg-wrapper-height .dg-heading pre {
  color: #fff !important;
}
.dg-wrapper-height .dg-drawer-header-color {
  background: #373F52;
}
.dg-wrapper-height .dg-drawer-header-color-settings {
  background: #4065AD;
}
.dg-wrapper-height .dg-ai-call {
  padding: 5px;
  background: rgba(86, 197, 104, 0.05);
  display: inline-block;
  color: #56C568;
  border-radius: 4px;
  margin-bottom: 10px;
}
.dg-wrapper-height .dg-ai-prompt {
  display: inline-block;
  font-weight: 600;
}

/*  dashboard style style */
[data-tooltip] {
  position: relative;
}

/* Tooltip styling */
[data-tooltip]:before {
  content: attr(data-tooltip);
  white-space: nowrap;
  display: none;
  position: absolute;
  color: #b4b6b7;
  font-weight: 400;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1.4;
  min-width: auto;
  text-align: center;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 1px 6px, rgba(0, 0, 0, 0.12) 0 1px 4px;
}

/* Dynamic horizontal centering */
[data-tooltip-position=top]:before,
[data-tooltip-position=bottom]:before {
  left: 0;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-95%);
}

/* Dynamic vertical centering */
[data-tooltip-position=right]:before,
[data-tooltip-position=left]:before {
  top: 50%;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

[data-tooltip-position=top]:before {
  bottom: 100%;
  margin-bottom: 6px;
}

[data-tooltip-position=right]:before {
  left: 100%;
  margin-left: 6px;
}

[data-tooltip-position=bottom]:before {
  top: 70%;
  margin-top: 5px;
}

[data-tooltip-position=left]:before {
  right: 100%;
  margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
  content: "";
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position=top]:after,
[data-tooltip-position=bottom]:after {
  left: 50%;
  margin-left: -6px;
}

/* Dynamic vertical centering for the tooltip */
[data-tooltip-position=right]:after,
[data-tooltip-position=left]:after {
  top: 50%;
  margin-top: -6px;
}

[data-tooltip-position=top]:after {
  bottom: 100%;
  border-width: 6px 6px 0;
  border-top-color: #444;
}

[data-tooltip-position=right]:after {
  left: 100%;
  border-width: 6px 6px 6px 0;
  border-right-color: #444;
}

[data-tooltip-position=bottom]:after {
  top: 100%;
}

[data-tooltip-position=left]:after {
  right: 100%;
  border-width: 6px 0 6px 6px;
  border-left-color: #444;
}

/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display: block;
  z-index: 50;
}

.react-grid-layout {
  position: relative;
}

.react-grid-item.dashboard-Quad,
.react-grid-layout.layout.dashboard-Quad {
  touch-action: auto !important;
}

.dashboard-widget-container {
  height: calc(100% - 42px);
}

.subscriber-count-divider {
  border-radius: 10px;
  border: 0;
}

.well .legend-line {
  padding: 6px 0;
  margin-bottom: 4px;
}
.well .legend-line .link-subscriber-icon {
  position: absolute;
  left: calc(50% + 25px);
  top: -3px;
  visibility: hidden;
}
@media only screen and (min-width: 1025px) {
  .well:hover .link-subscriber-icon {
    visibility: visible;
  }
}

.dashboard-revenue .total-Revenue,
.dashboard-revenue .pay-due,
.dashboard-revenue .total-Revenue-arpu,
.dashboard-revenue .pay-invoice {
  font-size: 22px !important;
  font-weight: 400 !important;
  padding-bottom: 5px;
}
.dashboard-revenue .total-Revenue {
  color: #85c679;
}
.dashboard-revenue .pay-due {
  color: #fcbe42;
}
.dashboard-revenue .total-Revenue-arpu {
  color: green;
}
.dashboard-revenue .pay-invoice {
  color: #365098;
}

.reportsTable,
.ticketTable {
  max-height: 349px;
  overflow: auto;
}

.drawer-list-toggle .MuiListItemText-primary {
  font-size: 12px;
}

@media only screen and (max-width: 1024px) {
  .page-dashboard {
    margin: 0;
  }
  .d-none-mobile-tab {
    display: none !important;
  }
  .legend-line {
    padding: 5px auto;
  }
}
@media only screen and (max-width: 800px) {
  .react-grid-item.dashboard-Quad {
    height: auto !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin: 20px;
    width: calc(100% - 40px) !important;
  }
}
@media only screen and (max-width: 900px) and (orientation: landscape) {
  .react-grid-item.dashboard-Quad {
    height: auto !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin: 20px;
    width: calc(100% - 40px) !important;
  }
}
.dashboard-wrapper-android {
  height: calc(100vh - 154px);
}

.subscriber-summary-boxes {
  height: 100%;
  min-height: 150px;
  max-height: 240px;
  background: #f7f8f9;
  position: relative;
  padding: 10px;
}

.formik-select-field .MuiInput-formControl {
  padding-top: 6px !important;
}
.formik-select-field .MuiInput-formControl .css-9s8p6t-Control {
  max-height: 19px;
  height: 19px;
}

.pr-fix-scroll {
  padding-right: 2rem !important;
}

.config-nav-list {
  overflow: hidden auto;
  height: calc(100vh - 207px);
}

.config-nav-equipment-list {
  overflow: hidden auto;
  height: calc(100vh - 174px);
}

.config-window-wrapper {
  overflow: hidden auto;
  height: calc(100vh - 224px);
}

.config-window-tab-wrapper {
  overflow: hidden auto;
  height: calc(100vh - 266px);
}

.activate-mobile-classes .config-nav-list {
  height: calc(100vh - 272px);
}
.activate-mobile-classes .config-nav-equipment-list {
  height: calc(100vh - 239px);
}
.activate-mobile-classes .config-window-wrapper {
  height: calc(100vh - 289px);
}
.activate-mobile-classes .config-window-tab-wrapper {
  height: calc(100vh - 331px);
}
.activate-mobile-classes.mobile-wrapper .config-nav-list {
  height: calc(100vh - 289px);
}
.activate-mobile-classes.mobile-wrapper .config-nav-equipment-list {
  height: calc(100vh - 256px);
}
.activate-mobile-classes.mobile-wrapper .config-window-wrapper {
  height: calc(100vh - 306px);
}
.activate-mobile-classes.mobile-wrapper .config-window-tab-wrapper {
  height: calc(100vh - 348px);
}

.text-high {
  color: #EB5757;
}

.text-normal {
  color: #ffb200;
}

.text-low {
  color: #869098;
}

.calender-wrapper .fc-widget-header {
  background-color: #c7c7c7;
}
.calender-wrapper .fc-highlight {
  background-color: #e9edfc;
}
.calender-wrapper .fc-past {
  background-color: #f7f7f7;
}
.calender-wrapper .fc-toolbar.fc-header-toolbar {
  margin-bottom: 10px;
}
.calender-wrapper .fc-center h2 {
  font-size: 14px;
  font-weight: 500;
}
.calender-wrapper .fc-timeline .fc-col-resizer {
  cursor: default;
}
.calender-wrapper .fc-view-container {
  overflow-x: auto;
}
@media only screen and (max-width: 768px) {
  .calender-wrapper .fc-view-container .fc-timeGridWeek-view {
    min-width: 800px;
  }
  .calender-wrapper .fc-view-container .fc-timeGridWeek-view .fc-time-grid-event {
    width: 16px;
    padding-top: 5px;
    text-orientation: mixed;
    overflow: hidden;
    writing-mode: vertical-rl;
  }
  .calender-wrapper .fc-view-container .fc-timeGridWeek-view .fc-time-grid-event .fc-title {
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 4px;
  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: 1;
}

.copy-btn-opacity {
  opacity: 0.3;
}
.copy-btn-opacity:hover {
  opacity: 1;
}

.popper[x-placement^=top] .popper__arrow,
.tooltip[x-placement^=top] .tooltip-arrow {
  border-width: 5px 5px 0;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.popper .popper__arrow,
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: black;
  opacity: 0.8;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: black;
  opacity: 0.8;
  border-radius: 8px;
}

.calender-details-tooltip {
  padding: 8px 2px;
}
.calender-details-tooltip p {
  line-height: 18px;
  text-align: left;
  margin: 0;
}
.calender-details-tooltip .tooltipTitle {
  font-weight: 500;
  padding-left: 20px;
  font-size: 12px;
}
.calender-details-tooltip .tooltipSubtitle {
  font-weight: 400;
  padding-left: 20px;
  color: #bbbbbb !important;
  font-size: 12px;
}
.calender-details-tooltip .tooltipTicketId {
  font-size: 12px;
  font-weight: 500;
  padding-left: 20px;
}
.calender-details-tooltip .tooltipLocation {
  position: relative;
  font-size: 11px;
  padding-left: 20px;
  line-height: 16px;
}
.calender-details-tooltip .locationIcon {
  position: relative;
}
.calender-details-tooltip .locationIcon:before {
  content: "";
  top: 2px;
  left: -18px;
  border: 2px solid #EB5757;
  height: 8px;
  position: absolute;
  width: 8px;
  border-radius: 50%;
}
.calender-details-tooltip .locationIcon:after {
  content: "";
  position: absolute;
  top: 9px;
  left: -17px;
  border: 3px solid transparent;
  border-top: 5px solid #EB5757;
}

#TicketDashboard-container {
  position: relative;
}
#TicketDashboard-container .add-widget-btn {
  position: absolute;
  top: -40px;
  right: 20px;
}

.equipment-adornment {
  margin-right: -20px;
}

.equipment-search-input {
  margin-top: -3px;
}

.css-4vunty .MuiFormControlLabel-label {
  font-size: 12px !important;
}

.mail .ql-container.ql-snow {
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
}
.mail .ql-container.ql-snow * {
  cursor: text;
}
.mail .ql-snow.ql-toolbar button,
.mail .ql-snow .ql-toolbar button {
  height: 24px;
  padding: 2px 6px;
}
@media screen and (max-width: 1761px) {
  .mail .ql-snow.ql-toolbar button,
  .mail .ql-snow .ql-toolbar button {
    padding: 2px 4px;
  }
}
@media screen and (max-width: 1601px) {
  .mail .ql-snow.ql-toolbar button,
  .mail .ql-snow .ql-toolbar button {
    padding: 2px 2px;
  }
}
.mail .ql-snow .ql-color-picker,
.mail .ql-snow .ql-icon-picker {
  padding-top: 0px;
}
.mail .ql-snow .ql-color-picker .ql-picker-label,
.mail .ql-snow .ql-icon-picker .ql-picker-label {
  padding: 0px !important;
}
.mail .ql-snow .ql-color-picker .ql-picker-label svg,
.mail .ql-snow .ql-icon-picker .ql-picker-label svg {
  height: 27px;
}
.mail .ql-snow .ql-color-picker .ql-picker-label svg line.ql-color-label,
.mail .ql-snow .ql-icon-picker .ql-picker-label svg line.ql-color-label {
  display: none !important;
}

.emailInput .rbt-input-multi {
  padding-left: 0px !important;
}

.email-wrapper .email-field-container .dropdown-item.disabled,
.email-wrapper .email-field-container .dropdown-item:disabled {
  color: #EB5757;
}
.email-wrapper .email-field-container mark.rbt-highlight-text {
  color: #56C568;
}

.mobile-template-menu {
  position: fixed;
  background: #fff;
  top: 96px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

.mobile-template-header {
  position: fixed;
  top: 54px;
  right: 0;
  width: 160px;
  text-align: right;
  z-index: 99999;
}

.MuiDrawer-root .reorts-list-panel {
  width: 300px;
  left: 0px;
  position: absolute;
  height: calc(100vh - 138px);
}

.reports-subheader {
  position: relative;
  z-index: 1201;
}

.reports-counter-card {
  border: 1px dashed rgba(0, 83, 244, 0.3);
  border-radius: 4px;
}
.reports-counter-card .reports-counter-icon-bg {
  height: 46px;
  width: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(0, 157, 255, 0.1);
  color: #009DFF;
}
.reports-counter-card .reports-counter-icon-bg svg {
  font-size: 24px;
}
.reports-counter-card:hover .reports-counter-value,
.reports-counter-card:hover .reports-counter-icon-bg svg {
  color: #0053F4;
}

.add-widget-card:hover {
  background-color: rgba(233, 237, 252, 0.5);
}
.add-widget-card:hover .MuiSvgIcon-root,
.add-widget-card:hover .MuiTypography-root {
  color: #0053F4;
}

.MuiChartsLegend-series .MuiChartsLegend-mark {
  height: 8px;
  width: 8px;
}
.MuiChartsLegend-series text {
  font-size: 12px !important;
  fill: #313131 !important;
}

.expand-report-fullwidth {
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1202;
  background: #fff;
}

.sk-light {
  background: #eaeaea !important;
}

.sk-default {
  background: #cfcfcf !important;
}

.sk-dark {
  background: #bbbbbb !important;
}

.sk-icon-botton {
  padding: 18px;
  display: inline-block !important;
}

.table,
table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
}

.table td,
.table th {
  padding: 0.3rem;
  vertical-align: top;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #c7c7c7;
}

.table tbody + tbody {
  border-top: 2px solid #c7c7c7;
}

.table .table {
  background-color: #fff;
}

.table tr.vertically-align td,
.table tr.vertically-align th {
  vertical-align: middle;
}

.table-borderless td,
.table-borderless th {
  border: 0;
}

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

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

.table-striped tbody tr:nth-of-type(even) {
  background-color: #e0e0e0 !important;
}

.table-hover tbody tr:hover,
.MuiTableRow-root:hover {
  background-color: #e9edfc !important;
}

.table-border td {
  border-bottom: 1px solid #e0e0e0;
}

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

.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-transparent {
  background-color: transparent !important;
}

.text-transparent {
  color: transparent !important;
}

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

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

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

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

.border-left {
  border-left: 1px solid #e0e0e0 !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-solid {
  border-style: solid;
}

.border-top-solid {
  border-top-style: solid;
}

.border-right-solid {
  border-right-style: solid;
}

.border-bottom-solid {
  border-bottom-style: solid;
}

.border-left-solid {
  border-left-style: solid;
}

.border-dotted {
  border-style: dotted !important;
}

.border-top-dotted {
  border-top-style: dotted !important;
}

.border-right-dotted {
  border-right-style: dotted !important;
}

.border-bottom-dotted {
  border-bottom-style: dotted !important;
}

.border-left-dotted {
  border-left-style: dotted !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-top-dashed {
  border-top-style: dashed !important;
}

.border-right-dashed {
  border-right-style: dashed !important;
}

.border-bottom-dashed {
  border-bottom-style: dashed !important;
}

.border-left-dashed {
  border-left-style: dashed !important;
}

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

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

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

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

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

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

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

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

.shadow-none {
  box-shadow: none !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 !important;
  clear: both !important;
  content: "" !important;
}

.overflow-auto {
  overflow: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-inherit {
  overflow: inherit;
}

.overflow-y-inherit {
  overflow-y: inherit;
}

.overflow-x-inherit {
  overflow-x: inherit;
}

.backdrop {
  background: rgba(49, 49, 49, 0.7);
}

.d-none,
[hidden] {
  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: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.embed-responsive::before {
  display: block !important;
  content: "" !important;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143% !important;
}

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

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

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

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

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

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

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

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

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

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

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

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

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

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

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

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

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

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

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

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

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    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;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.position-sticky {
  position: sticky;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.bottom-0 {
  bottom: 0;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

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

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

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

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

.min-w-0 {
  min-width: 0 !important;
}

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

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

.mw-100vw {
  max-width: 100vw !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;
}

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

.h-100vh {
  width: 100vh !important;
}

.mh-100vh {
  max-height: 100vw !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-pre-line {
  white-space: pre-line !important;
}

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

.text-truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.text-truncate-2 {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  min-height: 38px;
}

.text-truncate-3 {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  min-height: 57px;
}

.text-truncate-4 {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  min-height: 76px;
}

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

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

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

.break-word {
  word-break: break-word;
}

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

.text-inherit {
  text-transform: inherit !important;
}

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

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

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

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

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

.visible {
  visibility: visible;
}

.invisible-menu,
.invisible {
  visibility: hidden;
}

.btn-pills {
  border-radius: 20px !important;
}

.line-height-20 {
  line-height: 20px;
}

.MuiTypography-colorPrimary {
  color: #0053F4 !important;
}

.text-primary {
  color: #0053F4 !important;
}

.text-secondary {
  color: #009DFF !important;
}

.text-danger {
  color: #EB5757 !important;
}

.text-warning {
  color: #ffb200 !important;
}

.text-success {
  color: #56C568 !important;
}

.text-dark {
  color: #313131 !important;
}

.text-light {
  color: #c7c7c7 !important;
}

.text-lighter {
  color: #e0e0e0 !important;
}

.text-lightest {
  color: #f7f7f7 !important;
}

.text-muted {
  color: #869098 !important;
}

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

.text-hover {
  color: #e9edfc !important;
}

.text-selected {
  color: #092571 !important;
}

.text-failed {
  color: rgba(235, 87, 87, 0.2) !important;
}

.text-brown {
  color: #795548 !important;
}

.text-yellow {
  color: #FFEB3B !important;
}

.text-violet {
  color: #9C27B0 !important;
}

.text-aqua {
  color: #00BCD4 !important;
}

.bg-primary {
  background: #0053F4 !important;
}

.bg-secondary {
  background: #009DFF !important;
}

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

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

.bg-success {
  background: #56C568 !important;
}

.bg-dark {
  background: #313131 !important;
}

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

.bg-lighter {
  background: #e0e0e0 !important;
}

.bg-lightest {
  background: #f7f7f7 !important;
}

.bg-muted {
  background: #869098 !important;
}

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

.bg-hover {
  background: #e9edfc !important;
}

.bg-selected {
  background: #092571 !important;
}

.bg-failed {
  background: rgba(235, 87, 87, 0.2) !important;
}

.bg-brown {
  background: #795548 !important;
}

.bg-yellow {
  background: #FFEB3B !important;
}

.bg-violet {
  background: #9C27B0 !important;
}

.bg-aqua {
  background: #00BCD4 !important;
}

.border-primary {
  border-color: #0053F4 !important;
}

.border-secondary {
  border-color: #009DFF !important;
}

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

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

.border-success {
  border-color: #56C568 !important;
}

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

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

.border-lighter {
  border-color: #e0e0e0 !important;
}

.border-lightest {
  border-color: #f7f7f7 !important;
}

.border-muted {
  border-color: #869098 !important;
}

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

.border-hover {
  border-color: #e9edfc !important;
}

.border-selected {
  border-color: #092571 !important;
}

.border-failed {
  border-color: rgba(235, 87, 87, 0.2) !important;
}

.border-brown {
  border-color: #795548 !important;
}

.border-yellow {
  border-color: #FFEB3B !important;
}

.border-violet {
  border-color: #9C27B0 !important;
}

.border-aqua {
  border-color: #00BCD4 !important;
}

.border-transparent {
  border-color: transparent !important;
}

.progress-primary {
  background: rgba(0, 83, 244, 0.4) !important;
}
.progress-primary .MuiLinearProgress-bar {
  background: #0053F4 !important;
}

.progress-secondary {
  background: rgba(0, 157, 255, 0.4) !important;
}
.progress-secondary .MuiLinearProgress-bar {
  background: #009DFF !important;
}

.progress-danger {
  background: rgba(235, 87, 87, 0.4) !important;
}
.progress-danger .MuiLinearProgress-bar {
  background: #EB5757 !important;
}

.progress-warning {
  background: rgba(255, 178, 0, 0.4) !important;
}
.progress-warning .MuiLinearProgress-bar {
  background: #ffb200 !important;
}

.progress-success {
  background: rgba(86, 197, 104, 0.4) !important;
}
.progress-success .MuiLinearProgress-bar {
  background: #56C568 !important;
}

.progress-dark {
  background: rgba(49, 49, 49, 0.4) !important;
}
.progress-dark .MuiLinearProgress-bar {
  background: #313131 !important;
}

.progress-light {
  background: rgba(199, 199, 199, 0.4) !important;
}
.progress-light .MuiLinearProgress-bar {
  background: #c7c7c7 !important;
}

.progress-lighter {
  background: rgba(224, 224, 224, 0.4) !important;
}
.progress-lighter .MuiLinearProgress-bar {
  background: #e0e0e0 !important;
}

.progress-lightest {
  background: rgba(247, 247, 247, 0.4) !important;
}
.progress-lightest .MuiLinearProgress-bar {
  background: #f7f7f7 !important;
}

.progress-muted {
  background: rgba(134, 144, 152, 0.4) !important;
}
.progress-muted .MuiLinearProgress-bar {
  background: #869098 !important;
}

.progress-white {
  background: rgba(255, 255, 255, 0.4) !important;
}
.progress-white .MuiLinearProgress-bar {
  background: #fff !important;
}

.progress-hover {
  background: rgba(233, 237, 252, 0.4) !important;
}
.progress-hover .MuiLinearProgress-bar {
  background: #e9edfc !important;
}

.progress-selected {
  background: rgba(9, 37, 113, 0.4) !important;
}
.progress-selected .MuiLinearProgress-bar {
  background: #092571 !important;
}

.progress-failed {
  background: rgba(235, 87, 87, 0.4) !important;
}
.progress-failed .MuiLinearProgress-bar {
  background: rgba(235, 87, 87, 0.2) !important;
}

.progress-brown {
  background: rgba(121, 85, 72, 0.4) !important;
}
.progress-brown .MuiLinearProgress-bar {
  background: #795548 !important;
}

.progress-yellow {
  background: rgba(255, 235, 59, 0.4) !important;
}
.progress-yellow .MuiLinearProgress-bar {
  background: #FFEB3B !important;
}

.progress-violet {
  background: rgba(156, 39, 176, 0.4) !important;
}
.progress-violet .MuiLinearProgress-bar {
  background: #9C27B0 !important;
}

.progress-aqua {
  background: rgba(0, 188, 212, 0.4) !important;
}
.progress-aqua .MuiLinearProgress-bar {
  background: #00BCD4 !important;
}

.list-style-disc {
  list-style-type: disc;
}

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

.pointer {
  cursor: pointer !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-move {
  cursor: move;
}

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

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

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

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

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

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

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

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

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

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

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-6 {
  order: 6 !important;
}

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

.opacity-1 {
  opacity: 0.1 !important;
}

.opacity-2 {
  opacity: 0.2 !important;
}

.opacity-3 {
  opacity: 0.3 !important;
}

.opacity-4 {
  opacity: 0.4 !important;
}

.opacity-5 {
  opacity: 0.5 !important;
}

.opacity-6 {
  opacity: 0.6 !important;
}

.opacity-7 {
  opacity: 0.7 !important;
}

.opacity-8 {
  opacity: 0.8 !important;
}

.opacity-9 {
  opacity: 0.9 !important;
}

.opacity-10 {
  opacity: 1 !important;
}