@charset "UTF-8";
/* ========================================================================
   Component: utils.less
 ========================================================================== */
.m0 {
  margin: 0 !important;
}
.ml0 {
  margin-left: 0 !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.m {
  margin: 10px !important;
}
.ml {
  margin-left: 10px !important;
}
.mr {
  margin-right: 10px !important;
}
.mt {
  margin-top: 10px !important;
}
.mb {
  margin-bottom: 10px !important;
}
.m-sm {
  margin: 5px !important;
}
.ml-sm {
  margin-left: 5px !important;
}
.mr-sm {
  margin-right: 5px !important;
}
.mt-sm {
  margin-top: 5px !important;
}
.mb-sm {
  margin-bottom: 5px !important;
}
.m-lg {
  margin: 15px !important;
}
.ml-lg {
  margin-left: 15px !important;
}
.mr-lg {
  margin-right: 15px !important;
}
.mt-lg {
  margin-top: 15px !important;
}
.mb-lg {
  margin-bottom: 15px !important;
}
.m-xl {
  margin: 30px !important;
}
.ml-xl {
  margin-left: 30px !important;
}
.mr-xl {
  margin-right: 30px !important;
}
.mt-xl {
  margin-top: 30px !important;
}
.mb-xl {
  margin-bottom: 30px !important;
}
.mr-16 {
  margin-right: 16px !important;
}
.ml-16 {
  margin-left: 16px !important;
}
.mv {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mh {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mv-lg {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.mh-lg {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.mv-sm {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.mh-sm {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.p0 {
  padding: 0 !important;
}
.pl0 {
  padding-left: 0 !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pv0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ph0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.p {
  padding: 10px !important;
}
.pl {
  padding-left: 10px !important;
}
.pr {
  padding-right: 10px !important;
}
.pt {
  padding-top: 10px !important;
}
.pb {
  padding-bottom: 10px !important;
}
.p-sm {
  padding: 5px !important;
}
.pl-sm {
  padding-left: 5px !important;
}
.pr-sm {
  padding-right: 5px !important;
}
.pt-sm {
  padding-top: 5px !important;
}
.pb-sm {
  padding-bottom: 5px !important;
}
.p-lg {
  padding: 15px !important;
}
.pl-lg {
  padding-left: 15px !important;
}
.pr-lg {
  padding-right: 15px !important;
}
.pt-lg {
  padding-top: 15px !important;
}
.pb-lg {
  padding-bottom: 15px !important;
}
.p-xl {
  padding: 30px !important;
}
.pl-xl {
  padding-left: 30px !important;
}
.pr-xl {
  padding-right: 30px !important;
}
.pt-xl {
  padding-top: 30px !important;
}
.pb-xl {
  padding-bottom: 30px !important;
}
.pv {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.ph {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.pv-xl {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.ph-xl {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.pv-lg {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.ph-lg {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.pv-sm {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.ph-sm {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.b0 {
  border-width: 0 !important;
}
.bl0 {
  border-left-width: 0 !important;
}
.br0 {
  border-right-width: 0 !important;
}
.bt0 {
  border-top-width: 0 !important;
}
.bb0 {
  border-bottom-width: 0 !important;
}
.br {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.bl {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.bt {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.bb {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.b,
.ba {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.radius-clear {
  border-radius: 0 !important;
}
.shadow-clear {
  box-shadow: 0 0 0 #000 !important;
}
.text-white {
  color: #fff;
}
.text-inverse {
  color: #131e26;
}
.text-alpha {
  color: rgba(255, 255, 255, 0.5);
}
.text-pink {
  color: #f532e5;
}
.text-purple {
  color: #7266ba;
}
.text-dark {
  color: #3a3f51;
}
.text-alpha-inverse {
  color: rgba(0, 0, 0, 0.5);
}
.text-green {
  color: #27bc5a;
}
.text-yellow {
  color: #fad732;
}
.text-gray-darker {
  color: #232735;
}
.text-gray-dark {
  color: #3a3f51;
}
.text-gray {
  color: #dde6e9;
}
.text-gray-light {
  color: #e4eaec;
}
.text-gray-lighter {
  color: #edf1f2;
}
.text-sm {
  font-size: 13.6px;
}
.text-md {
  font-size: 30.4px;
}
.text-lg {
  font-size: 48px;
}
.text-nowrap {
  white-space: nowrap;
}
.text-thin {
  font-weight: 100 !important;
}
.text-normal {
  font-weight: normal !important;
}
.text-bold {
  font-weight: bold !important;
}
.text-italic {
  font-style: italic;
}
.inline {
  display: inline-block !important;
}
.block-center {
  margin: 0 auto;
}
.bg-primary {
  background-color: #0ea5e9;
  color: #ffffff !important;
}
.bg-primary-light {
  background-color: #37b9f3;
  color: #ffffff !important;
}
.bg-primary-dark {
  background-color: #0b83b9;
  color: #ffffff !important;
}
.bg-primary small {
  color: inherit;
}
.bg-success {
  background-color: #218010;
  color: #ffffff !important;
}
.bg-success-light {
  background-color: #2dad16;
  color: #ffffff !important;
}
.bg-success-dark {
  background-color: #15530a;
  color: #ffffff !important;
}
.bg-success small {
  color: inherit;
}
.bg-info {
  background-color: #337ab7;
  color: #ffffff !important;
}
.bg-info-light {
  background-color: #4f93ce;
  color: #ffffff !important;
}
.bg-info-dark {
  background-color: #285f8f;
  color: #ffffff !important;
}
.bg-info small {
  color: inherit;
}
.bg-warning {
  background-color: #ffa809;
  color: #ffffff !important;
}
.bg-warning-light {
  background-color: #ffba3c;
  color: #ffffff !important;
}
.bg-warning-dark {
  background-color: #d58a00;
  color: #ffffff !important;
}
.bg-warning small {
  color: inherit;
}
.bg-danger {
  background-color: #cb250b;
  color: #ffffff !important;
}
.bg-danger-light {
  background-color: #f23417;
  color: #ffffff !important;
}
.bg-danger-dark {
  background-color: #9b1c08;
  color: #ffffff !important;
}
.bg-danger small {
  color: inherit;
}
.bg-green {
  background-color: #27bc5a;
  color: #ffffff !important;
}
.bg-green-light {
  background-color: #3fd773;
  color: #ffffff !important;
}
.bg-green-dark {
  background-color: #1e9246;
  color: #ffffff !important;
}
.bg-green small {
  color: inherit;
}
.bg-pink {
  background-color: #f532e5;
  color: #ffffff !important;
}
.bg-pink-light {
  background-color: #f763eb;
  color: #ffffff !important;
}
.bg-pink-dark {
  background-color: #e90bd6;
  color: #ffffff !important;
}
.bg-pink small {
  color: inherit;
}
.bg-purple {
  background-color: #7266ba;
  color: #ffffff !important;
}
.bg-purple-light {
  background-color: #9289ca;
  color: #ffffff !important;
}
.bg-purple-dark {
  background-color: #564aa3;
  color: #ffffff !important;
}
.bg-purple small {
  color: inherit;
}
.bg-inverse {
  background-color: #131e26;
  color: #ffffff !important;
}
.bg-inverse-light {
  background-color: #243948;
  color: #ffffff !important;
}
.bg-inverse-dark {
  background-color: #020304;
  color: #ffffff !important;
}
.bg-inverse small {
  color: inherit;
}
.bg-yellow {
  background-color: #fad732;
  color: #ffffff !important;
}
.bg-yellow-light {
  background-color: #fbe164;
  color: #ffffff !important;
}
.bg-yellow-dark {
  background-color: #f3ca06;
  color: #ffffff !important;
}
.bg-yellow small {
  color: inherit;
}
.bg-white {
  background-color: #ffffff;
  color: inherit !important;
}
.bg-gray-darker {
  background-color: #232735;
  color: #ffffff !important;
}
.bg-gray-dark {
  background-color: #3a3f51;
  color: #ffffff !important;
}
.bg-gray {
  background-color: #dde6e9;
  color: #292929 !important;
}
.bg-gray-light {
  background-color: #e4eaec;
  color: #292929 !important;
}
.bg-gray-lighter {
  background-color: #edf1f2;
  color: #292929 !important;
}
.bg-no {
  background-color: inherit;
}
.bg-cover {
  background-size: cover;
}
.thumb8 {
  width: 8px !important;
  height: 8px !important;
}
.thumb16 {
  width: 16px !important;
  height: 16px !important;
}
.thumb32 {
  width: 32px !important;
  height: 32px !important;
}
.thumb48 {
  width: 48px !important;
  height: 48px !important;
}
.thumb64 {
  width: 64px !important;
  height: 64px !important;
}
.thumb80 {
  width: 80px !important;
  height: 80px !important;
}
.thumb96 {
  width: 96px !important;
  height: 96px !important;
}
.thumb128 {
  width: 128px !important;
  height: 128px !important;
}
.align-middle {
  vertical-align: middle;
}
.align-top {
  vertical-align: top;
}
.align-bottom {
  vertical-align: bottom;
}
.bg-center {
  background-position: center center;
  background-size: cover;
}
.list-icon em {
  font-size: 14px;
  width: 40px;
  vertical-align: middle;
  margin: 0;
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  line-height: 30px;
}
.list-icon div:hover em {
  -webkit-transform: scale(3, 3);
  -ms-transform: scale(3, 3);
  -o-transform: scale(3, 3);
  transform: scale(3, 3);
}
.wd-xxs {
  width: 60px;
}
.wd-xs {
  width: 90px;
}
.wd-sm {
  width: 150px;
}
.wd-sd {
  width: 200px;
}
.wd-md {
  width: 240px;
}
.wd-lg {
  width: 280px;
}
.wd-xl {
  width: 320px;
}
.wd-xxl {
  width: 360px;
}
.wd-wide {
  width: 100%;
}
.wd-auto {
  width: auto;
}
.wd-zero {
  width: 0;
}
.label-inverse {
  background-color: #131e26;
}
.label-inverse[href]:hover,
.label-inverse[href]:focus {
  background-color: #020304;
}
.label-green {
  background-color: #27bc5a;
}
.label-green[href]:hover,
.label-green[href]:focus {
  background-color: #1e9246;
}
.label-pink {
  background-color: #f532e5;
}
.label-pink[href]:hover,
.label-pink[href]:focus {
  background-color: #e90bd6;
}
.label-purple {
  background-color: #7266ba;
}
.label-purple[href]:hover,
.label-purple[href]:focus {
  background-color: #564aa3;
}
.alert-purple {
  background-color: #7266ba;
  border-color: #7266ba;
  color: #ffffff;
}
.alert-purple hr {
  border-top-color: #6254b2;
}
.alert-purple .alert-link {
  color: #e6e6e6;
}
.alert-green {
  background-color: #27bc5a;
  border-color: #27bc5a;
  color: #ffffff;
}
.alert-green hr {
  border-top-color: #23a750;
}
.alert-green .alert-link {
  color: #e6e6e6;
}
.alert-pink {
  background-color: #f532e5;
  border-color: #f532e5;
  color: #ffffff;
}
.alert-pink hr {
  border-top-color: #f41ae2;
}
.alert-pink .alert-link {
  color: #e6e6e6;
}
.alert-inverse {
  background-color: #131e26;
  border-color: #131e26;
  color: #ffffff;
}
.alert-inverse hr {
  border-top-color: #0a1115;
}
.alert-inverse .alert-link {
  color: #e6e6e6;
}
.abs-center-container {
  position: relative;
}
.abs-center {
  height: 50%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.abs-center.abs-fixed {
  position: fixed;
  z-index: 999;
}
.abs-center.abs-right {
  left: auto;
  right: 20px;
  text-align: right;
}
.abs-center.abs-left {
  right: auto;
  left: 20px;
  text-align: left;
}
@media (max-height: 720px) {
  .abs-center {
    position: relative;
  }
}
.link-unstyled {
  text-decoration: none !important;
  outline: none !important;
}
.no-resize {
  resize: none;
  max-width: 100%;
  min-width: 100%;
}
/**
 * Displays hidden content on hover. Add this class to the parent element.
 * Markup
 *   <div class="hover-visible">
 *    <div class="hover-hidden"></div>
 *   </div>
 */
.hover-visible .hover-hidden {
  display: none;
}
.hover-visible:hover .hover-hidden {
  display: block;
}
.hover-visible:hover .hover-hidden-inline {
  display: inline-block;
}
.media-box,
.media-box-body {
  overflow: hidden;
  zoom: 1;
}
.media-box,
.media-box .media-box {
  margin-top: 15px;
}
.media-box:first-child {
  margin-top: 0;
}
.media-box-object {
  display: block;
}
.media-box-heading {
  margin: 0 0 5px;
}
.media-box > .pull-left {
  margin-right: 10px;
}
.media-box > .pull-right {
  margin-left: 10px;
}
.media-box-list {
  padding-left: 0;
  list-style: none;
}
.cursor-pointer,
.cptr {
  cursor: pointer;
}
/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    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 #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../vendor/bootstrap/fonts/glyphicons-halflings-regular.eot');
  src: url('../vendor/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../vendor/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../vendor/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../vendor/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../vendor/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Segoe UI", "Fira Sans", Helvetica, Arial, serif;
  font-size: 16px;
  line-height: 1.52857143;
  color: #292929;
  background-color: #f9fafb;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #6b7280;
  text-decoration: none  !important;
}
a:hover,
a:focus {
  border-bottom: 1px solid #0ea5e9;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 2px;
  line-height: 1.52857143;
  background-color: #e1e2e3;
  border: 1px solid #e1e2e3;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border: 0;
  border-top: 1px solid #edf1f2;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #3a3f51;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 24px;
  margin-bottom: 12px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 12px;
  margin-bottom: 12px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 41px;
}
h2,
.h2 {
  font-size: 34px;
}
h3,
.h3 {
  font-size: 28px;
}
h4,
.h4 {
  font-size: 20px;
}
h5,
.h5 {
  font-size: 16px;
}
h6,
.h6 {
  font-size: 14px;
}
p {
  margin: 0 0 12px;
}
.lead {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 24px;
  }
}
small,
.small {
  font-size: 87%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #909fa7;
}
.text-primary {
  color: #0ea5e9;
}
a.text-primary:hover {
  color: #0b83b9;
}
.text-success {
  color: #218010;
}
a.text-success:hover {
  color: #15530a;
}
.text-info {
  color: #337ab7;
}
a.text-info:hover {
  color: #285f8f;
}
.text-warning {
  color: #ffa809;
}
a.text-warning:hover {
  color: #d58a00;
}
.text-danger {
  color: #cb250b;
}
a.text-danger:hover {
  color: #9b1c08;
}
.bg-primary {
  color: #fff;
  background-color: #0ea5e9;
}
a.bg-primary:hover {
  background-color: #0b83b9;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 11px;
  margin: 48px 0 24px;
  border-bottom: 1px solid #edf1f2;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 12px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 24px;
}
dt,
dd {
  line-height: 1.52857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #3a3f51;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 12px 24px;
  margin: 0 0 24px;
  font-size: 20px;
  border-left: 5px solid #edf1f2;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.52857143;
  color: #3a3f51;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #edf1f2;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 24px;
  font-style: normal;
  line-height: 1.52857143;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #909fa7;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 24px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.52857143;
  vertical-align: top;
  border-top: 1px solid #eeeeee;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #eeeeee;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #eeeeee;
}
.table .table {
  background-color: #f9fafb;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #eeeeee;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #eeeeee;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fafbfc;
}
.table-hover > tbody > tr:hover {
  background-color: #fafbfc;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #fafbfc;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #eaeef2;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 18px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #eeeeee;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .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 > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td: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 > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td: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 > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 24px;
  font-size: 24px;
  line-height: inherit;
  color: #3a3f51;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 16px;
  line-height: 1.52857143;
  color: #3a3f51;
}
.form-control {
  display: block;
  width: 100%;
  height: 38px;
  padding: 6px 16px;
  font-size: 16px;
  line-height: 1.52857143;
  color: #3a3f51;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #dde6e9;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: none;
  outline: 0;
  box-shadow: none;
}
.form-control::-moz-placeholder {
  color: #888888;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #888888;
}
.form-control::-webkit-input-placeholder {
  color: #888888;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #edf1f2;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: 38px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 33px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 49px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 24px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 33px;
  line-height: 33px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
select.form-group-sm .form-control {
  height: 33px;
  line-height: 33px;
}
textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
}
.input-lg {
  height: 49px;
  padding: 10px 20px;
  font-size: 20px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 49px;
  line-height: 49px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 49px;
  padding: 10px 20px;
  font-size: 20px;
  line-height: 1.33;
  border-radius: 6px;
}
select.form-group-lg .form-control {
  height: 49px;
  line-height: 49px;
}
textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 49px;
  padding: 10px 20px;
  font-size: 20px;
  line-height: 1.33;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 47.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback {
  width: 49px;
  height: 49px;
  line-height: 49px;
}
.input-sm + .form-control-feedback {
  width: 33px;
  height: 33px;
  line-height: 33px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #218010;
}
.has-success .form-control {
  border-color: #218010;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #15530a;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #38db1b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #38db1b;
}
.has-success .input-group-addon {
  color: #218010;
  border-color: #218010;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #218010;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #ffa809;
}
.has-warning .form-control {
  border-color: #ffa809;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #d58a00;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffcc6f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffcc6f;
}
.has-warning .input-group-addon {
  color: #ffa809;
  border-color: #ffa809;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #ffa809;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #cb250b;
}
.has-error .form-control {
  border-color: #cb250b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #9b1c08;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f55f47;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f55f47;
}
.has-error .input-group-addon {
  color: #cb250b;
  border-color: #cb250b;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #cb250b;
}
.has-feedback label ~ .form-control-feedback {
  top: 29px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #696969;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 31px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 16px;
  font-size: 16px;
  line-height: 1.52857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #eaeaea;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #d6d6d6;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #eaeaea;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-secondary {
  color: #ffffff;
  background-color: #0ea5e9;
  border-color: #0ea2e4;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
  color: #ffffff;
  background-color: #0d97d6;
  border-color: #0b86be;
}
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
  background-image: none;
}
.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled.focus,
.btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary.focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
  background-color: #0ea5e9;
  border-color: #0ea2e4;
}
.btn-secondary .badge {
  color: #0ea5e9;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #218010;
  border-color: #207b0f;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #1c6e0e;
  border-color: #16570b;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #218010;
  border-color: #207b0f;
}
.btn-success .badge {
  color: #218010;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #3277b3;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #2f6fa7;
  border-color: #296293;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #337ab7;
  border-color: #3277b3;
}
.btn-info .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #ffa809;
  border-color: #ffa604;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #f49d00;
  border-color: #da8d00;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #ffa809;
  border-color: #ffa604;
}
.btn-warning .badge {
  color: #ffa809;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #cb250b;
  border-color: #c6240b;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #b8210a;
  border-color: #9f1d09;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #cb250b;
  border-color: #c6240b;
}
.btn-danger .badge {
  color: #cb250b;
  background-color: #ffffff;
}
.btn-link {
  color: #6b7280;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #4185f6;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #e4eaec;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 20px;
  font-size: 20px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn-grey {
  color: #808080;
  background-color: #eeeeee;
  border-color: #000000;
}
.btn-grey:hover,
.btn-grey:focus,
.btn-grey.focus,
.btn-grey:active,
.btn-grey.active,
.open > .dropdown-toggle.btn-grey {
  color: #808080;
  background-color: #e4e4e4;
  border-color: #000000;
}
.btn-grey:active,
.btn-grey.active,
.open > .dropdown-toggle.btn-grey {
  background-image: none;
}
.btn-grey.disabled,
.btn-grey[disabled],
fieldset[disabled] .btn-grey,
.btn-grey.disabled:hover,
.btn-grey[disabled]:hover,
fieldset[disabled] .btn-grey:hover,
.btn-grey.disabled:focus,
.btn-grey[disabled]:focus,
fieldset[disabled] .btn-grey:focus,
.btn-grey.disabled.focus,
.btn-grey[disabled].focus,
fieldset[disabled] .btn-grey.focus,
.btn-grey.disabled:active,
.btn-grey[disabled]:active,
fieldset[disabled] .btn-grey:active,
.btn-grey.disabled.active,
.btn-grey[disabled].active,
fieldset[disabled] .btn-grey.active {
  background-color: #eeeeee;
  border-color: #000000;
}
.btn-grey .badge {
  color: #eeeeee;
  background-color: #808080;
}
.btn-black {
  color: #ffffff;
  background-color: #000000;
  border-color: #808080;
  color: white;
}
.btn-black:hover,
.btn-black:focus,
.btn-black.focus,
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
  color: #ffffff;
  background-color: #000000;
  border-color: #6c6c6c;
}
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
  background-image: none;
}
.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled.focus,
.btn-black[disabled].focus,
fieldset[disabled] .btn-black.focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black.active {
  background-color: #000000;
  border-color: #808080;
}
.btn-black .badge {
  color: #000000;
  background-color: #ffffff;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
  visibility: hidden;
}
.collapse.in {
  display: block;
  visibility: visible;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 16px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 11px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px;
  clear: both;
  font-weight: normal;
  line-height: 1.52857143;
  color: #5f5f5f;
  white-space: nowrap;
  display: flex;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
}
.dropdown-menu > li > a i {
  margin-right: 5px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #2f3342;
  background-color: #fafbfc;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #0ea5e9;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #e4eaec;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 14px;
  line-height: 1.52857143;
  color: #e4eaec;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.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(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 49px;
  padding: 10px 20px;
  font-size: 20px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 49px;
  line-height: 49px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 33px;
  line-height: 33px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 16px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  color: #3a3f51;
  text-align: center;
  background-color: #edf1f2;
  border: 1px solid #dde6e9;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 20px;
  font-size: 20px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
}
.nav > li.disabled > a {
  color: #e4eaec;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #e4eaec;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: transparent;
  border-color: #6b7280;
}
.nav .nav-divider {
  height: 1px;
  margin: 11px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.52857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #dddddd #dddddd #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #337ab7;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #f9fafb;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #0ea5e9;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #f9fafb;
  }
}
.tab-content > .tab-pane {
  display: none;
  visibility: hidden;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 24px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 13px 15px;
  font-size: 20px;
  line-height: 24px;
  height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 6.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 24px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 6px;
  margin-bottom: 6px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 6px;
  margin-bottom: 6px;
}
.navbar-btn.btn-sm {
  margin-top: 8.5px;
  margin-bottom: 8.5px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 13px;
  margin-bottom: 13px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #292929;
  border-color: #181818;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777777;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #dddddd;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #dddddd;
  background-color: #181818;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #181818;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #181818;
  color: #dddddd;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #dddddd;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #dddddd;
    background-color: #181818;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #dddddd;
}
.navbar-default .btn-link {
  color: #ffffff;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #dddddd;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #cccccc;
}
.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #e4eaec;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #e4eaec;
}
.navbar-inverse .navbar-nav > li > a {
  color: #e4eaec;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #ffffff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #e4eaec;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #e4eaec;
}
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}
.navbar-inverse .btn-link {
  color: #e4eaec;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #ffffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444444;
}
.breadcrumb {
  padding: 5px 15px;
  list-style: none;
  border-radius: 4px;
  min-height: 2.2em;
  font-weight: bold;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: ">\00a0";
  padding: 0 5px;
  color: #c1c2c3;
}
.breadcrumb > .active {
  color: #292929;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 24px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 16px;
  line-height: 1.52857143;
  text-decoration: none;
  color: #292929;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #4185f6;
  background-color: #fafafa;
  border-color: #eeeeee;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #0ea5e9;
  border-color: #0ea5e9;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #e4eaec;
  background-color: #ffffff;
  border-color: #eeeeee;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 20px;
  font-size: 20px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 14px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 24px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #fafafa;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #e4eaec;
  background-color: #ffffff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #e4eaec;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #c6d3d7;
}
.label-primary {
  background-color: #0ea5e9;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #0b83b9;
}
.label-success {
  background-color: #218010;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #15530a;
}
.label-info {
  background-color: #337ab7;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #285f8f;
}
.label-warning {
  background-color: #ffa809;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #d58a00;
}
.label-danger {
  background-color: #cb250b;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #9b1c08;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #e4eaec;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #6b7280;
  background-color: #ffffff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #fcfcfc;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #e3e3e3;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 48px 0;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 72px;
  }
}
.thumbnail {
  display: block;
  padding: 2px;
  margin-bottom: 24px;
  line-height: 1.52857143;
  background-color: #e1e2e3;
  border: 1px solid #e1e2e3;
  border-radius: 3px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #6b7280;
}
.thumbnail .caption {
  padding: 9px;
  color: #292929;
}
.alert {
  padding: 8px;
  margin-bottom: 24px;
  border: 1px solid transparent;
  border-radius: 3px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 28px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #218010;
  border-color: rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.alert-success hr {
  border-top-color: rgba(0, 0, 0, 0.1);
}
.alert-success .alert-link {
  color: #e6e6e6;
}
.alert-info {
  background-color: #337ab7;
  border-color: rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.alert-info hr {
  border-top-color: rgba(0, 0, 0, 0.1);
}
.alert-info .alert-link {
  color: #e6e6e6;
}
.alert-warning {
  background-color: #ffa809;
  border-color: rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.alert-warning hr {
  border-top-color: rgba(0, 0, 0, 0.1);
}
.alert-warning .alert-link {
  color: #e6e6e6;
}
.alert-danger {
  background-color: #cb250b;
  border-color: rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.alert-danger hr {
  border-top-color: rgba(0, 0, 0, 0.1);
}
.alert-danger .alert-link {
  color: #e6e6e6;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 24px;
  margin-bottom: 24px;
  background-color: #f1f1f1;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  text-align: center;
  background-color: #0ea5e9;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-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-image: -o-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-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: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #218010;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-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-image: -o-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-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);
}
.progress-bar-info {
  background-color: #337ab7;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-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-image: -o-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-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);
}
.progress-bar-warning {
  background-color: #ffa809;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-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-image: -o-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-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);
}
.progress-bar-danger {
  background-color: #cb250b;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-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-image: -o-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-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);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #e4eaec;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item {
  color: #555555;
}
a.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #fafbfc;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #edf1f2;
  color: #e4eaec;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #e4eaec;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #0ea5e9;
  border-color: #0ea5e9;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ebfc;
}
.list-group-item-success {
  color: #218010;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #218010;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #218010;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #218010;
  border-color: #218010;
}
.list-group-item-info {
  color: #337ab7;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #337ab7;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #337ab7;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item-warning {
  color: #ffa809;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #ffa809;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #ffa809;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #ffa809;
  border-color: #ffa809;
}
.list-group-item-danger {
  color: #cb250b;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #cb250b;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #cb250b;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #cb250b;
  border-color: #cb250b;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 24px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #fafafa;
  border-top: 1px solid #eeeeee;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #eeeeee;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 24px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #eeeeee;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #eeeeee;
}
.panel-default {
  border-color: #cfdbe2;
}
.panel-default > .panel-heading {
  color: #444444;
  background-color: #ffffff;
  border-color: #cfdbe2;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #cfdbe2;
}
.panel-default > .panel-heading .badge {
  color: #ffffff;
  background-color: #444444;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #cfdbe2;
}
.panel-primary {
  border-color: #cfdbe2;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #0ea5e9;
  border-color: #cfdbe2;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #cfdbe2;
}
.panel-primary > .panel-heading .badge {
  color: #0ea5e9;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #cfdbe2;
}
.panel-success {
  border-color: #cfdbe2;
}
.panel-success > .panel-heading {
  color: #ffffff;
  background-color: #218010;
  border-color: #cfdbe2;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #cfdbe2;
}
.panel-success > .panel-heading .badge {
  color: #218010;
  background-color: #ffffff;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #cfdbe2;
}
.panel-info {
  border-color: #cfdbe2;
}
.panel-info > .panel-heading {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #cfdbe2;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #cfdbe2;
}
.panel-info > .panel-heading .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #cfdbe2;
}
.panel-warning {
  border-color: #cfdbe2;
}
.panel-warning > .panel-heading {
  color: #ffffff;
  background-color: #ffa809;
  border-color: #cfdbe2;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #cfdbe2;
}
.panel-warning > .panel-heading .badge {
  color: #ffa809;
  background-color: #ffffff;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #cfdbe2;
}
.panel-danger {
  border-color: #cfdbe2;
}
.panel-danger > .panel-heading {
  color: #ffffff;
  background-color: #cb250b;
  border-color: #cfdbe2;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #cfdbe2;
}
.panel-danger > .panel-heading .badge {
  color: #cb250b;
  background-color: #ffffff;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #cfdbe2;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #ededed;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.52857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.52857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: none;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-family: "Segoe UI", "Fira Sans", Helvetica, Arial, serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #464646;
  border-radius: 4px;
  border: 1px solid #ebebeb;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #222222;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #222222;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #222222;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #222222;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #222222;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #222222;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #222222;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #222222;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Segoe UI", "Fira Sans", Helvetica, Arial, serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.52857143;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 16px;
  background-color: #fafafa;
  border-bottom: 1px solid #ededed;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: #e1e1e1;
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fafafa;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: #e1e1e1;
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fafafa;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: #e1e1e1;
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fafafa;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: #e1e1e1;
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fafafa;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/* ========================================================================
   Component: animate.less
 ========================================================================== */
[ui-view].ng-leave {
  display: none;
}
[ui-view].ng-leave.ng-fluid {
  display: block;
}
.ng-fluid.ng-animate {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ng-fadeIn.ng-enter {
  -webkit-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.ng-fadeInUp.ng-enter {
  -webkit-animation: fadeInUp 0.1s;
  -o-animation: fadeInUp 0.1s;
  animation: fadeInUp 0.1s;
}
.ng-fadeInUp.ng-leave {
  -webkit-animation: fadeOutDown 0.1s;
  -o-animation: fadeOutDown 0.1s;
  animation: fadeOutDown 0.1s;
}
.ng-fadeInDown.ng-enter {
  -webkit-animation: fadeInDown 0.1s;
  -o-animation: fadeInDown 0.1s;
  animation: fadeInDown 0.1s;
}
.ng-fadeInDown.ng-leave {
  -webkit-animation: fadeOutUp 0.1s;
  -o-animation: fadeOutUp 0.1s;
  animation: fadeOutUp 0.1s;
}
.ng-fadeInRight.ng-enter {
  -webkit-animation: fadeInRight 0.1s;
  -o-animation: fadeInRight 0.1s;
  animation: fadeInRight 0.1s;
}
.ng-fadeInRight.ng-leave {
  -webkit-animation: fadeOutLeft 0.1s;
  -o-animation: fadeOutLeft 0.1s;
  animation: fadeOutLeft 0.1s;
}
.ng-fadeInLeft.ng-enter {
  -webkit-animation: fadeInLeft 0.1s;
  -o-animation: fadeInLeft 0.1s;
  animation: fadeInLeft 0.1s;
}
.ng-fadeInLeft.ng-leave {
  -webkit-animation: fadeOutRight 0.1s;
  -o-animation: fadeOutRight 0.1s;
  animation: fadeOutRight 0.1s;
}
.ng-fadeInUpBig.ng-enter {
  -webkit-animation: fadeInDownBig 0.1s;
  -o-animation: fadeInDownBig 0.1s;
  animation: fadeInDownBig 0.1s;
}
.ng-fadeInUpBig.ng-leave {
  -webkit-animation: fadeOutDownBig 0.1s;
  -o-animation: fadeOutDownBig 0.1s;
  animation: fadeOutDownBig 0.1s;
}
.ng-fadeInDownBig.ng-enter {
  -webkit-animation: fadeInUpBig 0.1s;
  -o-animation: fadeInUpBig 0.1s;
  animation: fadeInUpBig 0.1s;
}
.ng-fadeInDownBig.ng-leave {
  -webkit-animation: fadeOutUpBig 0.1s;
  -o-animation: fadeOutUpBig 0.1s;
  animation: fadeOutUpBig 0.1s;
}
.ng-fadeInRightBig.ng-enter {
  -webkit-animation: fadeInRightBig 0.1s;
  -o-animation: fadeInRightBig 0.1s;
  animation: fadeInRightBig 0.1s;
}
.ng-fadeInRightBig.ng-leave {
  -webkit-animation: fadeOutLeftBig 0.1s;
  -o-animation: fadeOutLeftBig 0.1s;
  animation: fadeOutLeftBig 0.1s;
}
.ng-fadeInLeftBig.ng-enter {
  -webkit-animation: fadeInLeftBig 0.1s;
  -o-animation: fadeInLeftBig 0.1s;
  animation: fadeInLeftBig 0.1s;
}
.ng-fadeInLeftBig.ng-leave {
  -webkit-animation: fadeOutRightBig 0.1s;
  -o-animation: fadeOutRightBig 0.1s;
  animation: fadeOutRightBig 0.1s;
}
.ng-zoomBackDown.ng-enter {
  -webkit-animation: fadeInDown 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-animation: fadeInDown 1s cubic-bezier(0.23, 1, 0.32, 1);
  animation: fadeInDown 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.ng-zoomBackDown.ng-leave {
  -webkit-animation: zoomBack 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-animation: zoomBack 1s cubic-bezier(0.23, 1, 0.32, 1);
  animation: zoomBack 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -18px, 0);
    transform: translate3d(0, -18px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -18px, 0);
    -ms-transform: translate3d(0, -18px, 0);
    transform: translate3d(0, -18px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-18px, 0, 0);
    transform: translate3d(-18px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-18px, 0, 0);
    -ms-transform: translate3d(-18px, 0, 0);
    transform: translate3d(-18px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(18px, 0, 0);
    transform: translate3d(18px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(18px, 0, 0);
    -ms-transform: translate3d(18px, 0, 0);
    transform: translate3d(18px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 18px, 0);
    transform: translate3d(0, 18px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 18px, 0);
    -ms-transform: translate3d(0, 18px, 0);
    transform: translate3d(0, 18px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 18px, 0);
    transform: translate3d(0, 18px, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 18px, 0);
    -ms-transform: translate3d(0, 18px, 0);
    transform: translate3d(0, 18px, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-18px, 0, 0);
    transform: translate3d(-18px, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-18px, 0, 0);
    -ms-transform: translate3d(-18px, 0, 0);
    transform: translate3d(-18px, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(18px, 0, 0);
    transform: translate3d(18px, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(18px, 0, 0);
    -ms-transform: translate3d(18px, 0, 0);
    transform: translate3d(18px, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -18px, 0);
    transform: translate3d(0, -18px, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -18px, 0);
    -ms-transform: translate3d(0, -18px, 0);
    transform: translate3d(0, -18px, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(18px, 0, 0) skewX(-30deg);
    transform: translate3d(18px, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(18px, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(18px, 0, 0) skewX(-30deg);
    transform: translate3d(18px, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(18px, 0, 0) skewX(30deg);
    transform: translate3d(18px, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(18px, 0, 0) skewX(30deg);
    -ms-transform: translate3d(18px, 0, 0) skewX(30deg);
    transform: translate3d(18px, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    -ms-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-18px, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-18px, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-18px, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-18px, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-18px, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(18px, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(18px, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(18px, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(18px, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(18px, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes fadeOutUpShort {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
}
@keyframes fadeOutUpShort {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
}
.fadeOutUpShort {
  -webkit-animation-name: fadeOutUpShort;
  animation-name: fadeOutUpShort;
}
@-webkit-keyframes fadeInUpShort {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpShort {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUpShort {
  -webkit-animation-name: fadeInUpShort;
  animation-name: fadeInUpShort;
}
@-webkit-keyframes zoomInShort {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomInShort {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
    -ms-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95);
  }
  50% {
    opacity: 1;
  }
}
.zoomInShort {
  -webkit-animation-name: zoomInShort;
  animation-name: zoomInShort;
}
@-webkit-keyframes zoomBack {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomBack {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    -ms-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
  }
  100% {
    opacity: 0;
  }
}
.zoomBack {
  -webkit-animation-name: zoomBack;
  animation-name: zoomBack;
}
html {
  direction: ltr;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
html,
body {
  height: 100%;
  overflow: hidden;
}
.smooth-scroll {
  scroll-behavior: smooth;
}
.loadbar-holder {
  top: 53px;
  position: fixed;
  width: 100%;
  z-index: 39;
}
.wrapper {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.topnav.navbar,
.footer.navbar {
  margin-bottom: 0px;
}
/* ========================================================================
   Component: loading-bar.less
 ========================================================================== */
/*
 * angular-loading-bar v0.6.0 * https://chieffancypants.github.io/angular-loading-bar
 * Copyright (c) 2014 Wes Cruver * License: MIT
 */
#loading-bar {
  position: fixed;
  top: 50px;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 9999;
}
/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}
#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0;
}
#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1;
}
#loading-bar .bar {
  height: 100%;
  width: 100%;
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;
  background: #055bb7;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}
/* Fancy blur effect */
#loading-bar .peg {
  position: absolute;
  right: 0;
  top: 0;
  height: 2px;
  opacity: .45;
  -moz-box-shadow: #055bb7 1px 0 6px 1px;
  -ms-box-shadow: #055bb7 1px 0 6px 1px;
  -webkit-box-shadow: #055bb7 1px 0 6px 1px;
  box-shadow: #055bb7 1px 0 6px 1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 90002;
  top: 10px;
  left: 10px;
}
#loading-bar-spinner .spinner-icon {
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #055bb7;
  border-left-color: #055bb7;
  border-radius: 10px;
  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  -moz-animation: loading-bar-spinner 400ms linear infinite;
  -ms-animation: loading-bar-spinner 400ms linear infinite;
  -o-animation: loading-bar-spinner 400ms linear infinite;
  animation: loading-bar-spinner 400ms linear infinite;
}
@-webkit-keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes loading-bar-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes loading-bar-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes loading-bar-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading-bar-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*!
 * table-grid (http://mdo.github.io/table-grid)
 * Released under MIT, (c) 2014 Mark Otto
 */
/*
 * The Grid
 */
@media only screen and (min-width: 768px) {
  /* Add `.table-grid` for the table */
  .table-grid {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
  }
  /* Add `.col` for the table cells, or columns */
  .col {
    display: table-cell;
    vertical-align: top;
    height: 100%;
  }
  .col.col-full-center {
    vertical-align: middle;
  }
  /* Set the widths */
  .col-1 {
    width: 8.333333%;
  }
  .col-2 {
    width: 16.666667%;
  }
  .col-3 {
    width: 25%;
  }
  .col-4 {
    width: 33.333333%;
  }
  .col-5 {
    width: 41.666667%;
  }
  .col-6 {
    width: 50%;
  }
  .col-7 {
    width: 58.333333%;
  }
  .col-8 {
    width: 66.666667%;
  }
  .col-9 {
    width: 75%;
  }
  .col-10 {
    width: 83.333333%;
  }
  .col-11 {
    width: 91.666667%;
  }
  .col-12 {
    width: 100%;
  }
  .col-xxs {
    width: 60px;
  }
  .col-xs {
    width: 90px;
  }
  .col-sm {
    width: 150px;
  }
  .col-sd {
    width: 200px;
  }
  .col-md {
    width: 240px;
  }
  .col-lg {
    width: 280px;
  }
  .col-xl {
    width: 320px;
  }
  .col-xxl {
    width: 360px;
  }
  .col-wide {
    width: 100%;
  }
  .col-auto {
    width: auto;
  }
  /* Padded columns */
  .table-grid-padded {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .table-grid-padded .table-grid {
    border-spacing: 1rem 0;
  }
}
@media only screen and (max-width: 991px) {
  .table-grid-desktop.table-grid,
  .table-grid-desktop .col {
    display: block;
    width: auto;
  }
}
/*
 * Vertically center grid content
 *
 * Requires content within the column to be inline or inline-block.
 */
.table-grid-align-middle .col {
  vertical-align: middle;
}
.ai-logo {
  background-image: url('/images/logos/ai-logo.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 55px;
  height: 55px;
}
.ai-logo110 {
  background-image: url('/images/logos/ai-logo110.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 110px;
  height: 110px;
}
.working-icon {
  position: fixed;
  top: 50px;
  display: flex;
  justify-content: center;
  width: 10%;
  left: 45%;
}
.working-icon.showp {
  z-index: 111111;
}
.working-icon .fa-sync-alt {
  color: #0ea5e9;
}
.sort {
  background-repeat: no-repeat;
  background-position: center right;
  padding: 13px 17px 4px 4px;
}
.sort-both {
  background-image: url(/images/misc/sort_both.png);
}
.sort-up {
  background-image: url(/images/misc/sort_asc.png);
}
.sort-down {
  background-image: url(/images/misc/sort_desc.png);
}
.ic-purple {
  filter: invert(23%) sepia(95%) saturate(3468%) hue-rotate(255deg) brightness(90%) contrast(100%);
}
.ic-purple-600 {
  filter: invert(23%) sepia(95%) saturate(3468%) hue-rotate(255deg) brightness(90%) contrast(100%);
  font-weight: 600;
}
.ic-black {
  filter: invert(15%) sepia(0%) saturate(2%) hue-rotate(54deg) brightness(94%) contrast(94%);
}
.ic-white {
  filter: invert(99%) sepia(49%) saturate(124%) hue-rotate(216deg) brightness(110%) contrast(96%) !important;
}
.ic-grey {
  filter: invert(89%) sepia(2%) saturate(40%) hue-rotate(335deg) brightness(94%) contrast(90%);
}
.ic-lgt-grey {
  filter: invert(74%) sepia(7%) saturate(489%) hue-rotate(179deg) brightness(88%) contrast(85%);
}
.ic-coal {
  filter: invert(20%) sepia(0%) saturate(2%) hue-rotate(14deg) brightness(96%) contrast(92%);
}
.ic-blue {
  filter: invert(63%) sepia(95%) saturate(3617%) hue-rotate(167deg) brightness(100%) contrast(107%);
}
.ic-mdb-blue {
  filter: invert(42%) sepia(59%) saturate(4402%) hue-rotate(184deg) brightness(93%) contrast(102%);
}
.ic-green {
  filter: invert(49%) sepia(95%) saturate(949%) hue-rotate(52deg) brightness(95%) contrast(94%);
}
.ic-red {
  filter: invert(50%) sepia(100%) saturate(7449%) hue-rotate(347deg) brightness(106%) contrast(93%);
}
.ic32 {
  height: 32px;
  width: 32px;
}
.ic64 {
  height: 64px !important;
  width: 64px !important;
}
.ic20 {
  height: 20px !important;
  width: 20px !important;
}
.ic16 {
  height: 16px !important;
  width: 16px !important;
}
.ic-dv-btns {
  height: 20px !important;
  width: 20px !important;
}
.ic-actions {
  content: url('/images/icons/actions.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
  cursor: pointer;
}
.ic-accept {
  content: url('/images/icons/accept.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-box {
  content: url('/images/icons/box.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-link {
  content: url('/images/icons/link.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-add {
  content: url('/images/icons/add.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-arrow-down {
  content: url('/images/icons/arrow-down.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-arrow-left {
  content: url('/images/icons/arrow-left.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-arrow-right {
  content: url('/images/icons/arrow-right.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-arrow-up {
  content: url('/images/icons/arrow-up.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-arrow-back {
  content: url('/images/icons/arrow-back.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-cancel {
  content: url('/images/icons/cancel.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-close {
  content: url('/images/icons/close.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-send {
  content: url('/images/icons/send.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-copy {
  content: url('/images/icons/copy.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
  filter: invert(62%) sepia(22%) saturate(6341%) hue-rotate(181deg) brightness(99%) contrast(106%);
}
.ic-databases {
  content: url('/images/icons/databases.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-deletelg {
  content: url('/images/icons/deletelg.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-trash {
  content: url('/images/icons/delete.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
  filter: invert(43%) sepia(58%) saturate(2733%) hue-rotate(334deg) brightness(92%) contrast(99%);
}
.ic-download {
  content: url('/images/icons/download.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
  filter: invert(62%) sepia(22%) saturate(6341%) hue-rotate(181deg) brightness(99%) contrast(106%);
}
.ic-edit {
  content: url('/images/icons/edit.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
  filter: invert(62%) sepia(22%) saturate(6341%) hue-rotate(181deg) brightness(99%) contrast(106%);
}
.ic-files {
  content: url('/images/icons/files.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-forms {
  content: url('/images/icons/forms.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-form {
  content: url('/images/icons/form.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-help {
  content: url('/images/icons/help.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-import {
  content: url('/images/icons/import.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
  filter: invert(62%) sepia(22%) saturate(6341%) hue-rotate(181deg) brightness(99%) contrast(106%);
}
.ic-locked {
  content: url('/images/icons/locked.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-market {
  content: url('/images/icons/marketplace.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-minus {
  content: url('/images/icons/minus.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-minus-circle {
  content: url('/images/icons/minus-circle.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-move {
  content: url('/images/icons/move.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
  filter: invert(62%) sepia(22%) saturate(6341%) hue-rotate(181deg) brightness(99%) contrast(106%);
}
.ic-remove {
  content: url('/images/icons/remove.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-reports {
  content: url('/images/icons/reports.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-runreport {
  content: url('/images/icons/runreport.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-save {
  content: url('/images/icons/save.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-stripe {
  content: url('/images/icons/stripe.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-search {
  content: url('/images/icons/search.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
  filter: none;
}
.ic-settings {
  content: url('/images/icons/settings.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-sort {
  content: url('/images/icons/sort.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-star {
  content: url('/images/icons/star.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-star-filled {
  content: url('/images/icons/star-filled.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-tables {
  content: url('/images/icons/tables.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-views {
  content: url('/images/icons/tables.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
  filter: invert(62%) sepia(22%) saturate(6341%) hue-rotate(181deg) brightness(99%) contrast(106%);
}
.ic-upload {
  content: url('/images/icons/upload.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
  filter: invert(62%) sepia(22%) saturate(6341%) hue-rotate(181deg) brightness(99%) contrast(106%);
}
.ic-name {
  content: url('/images/icons/name.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-drag {
  content: url('/images/icons/drag.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-email {
  content: url('/images/icons/email.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-singleline {
  content: url('/images/icons/single_line.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-multiline {
  content: url('/images/icons/multi_line.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-droplist {
  content: url('/images/icons/droplist.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-number {
  content: url('/images/icons/number.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-phone {
  content: url('/images/icons/phone.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-users {
  content: url('/images/icons/users.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-formula {
  content: url('/images/icons/formula.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-datetime {
  content: url('/images/icons/datetime.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-date {
  content: url('/images/icons/date.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-home {
  content: url('/images/icons/home.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-team {
  content: url('/images/icons/team.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-help {
  content: url('/images/icons/help.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-currency {
  content: url('/images/icons/currency.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-chevron-left {
  content: url('/images/icons/chevron_left.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-chevron-right {
  content: url('/images/icons/chevron_right.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-chevron-up {
  content: url('/images/icons/chevron_up.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-chevron-down {
  content: url('/images/icons/chevron_down.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-dashboard {
  content: url('/images/icons/dashboard.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-alarm {
  content: url('/images/icons/alarm.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-info {
  content: url('/images/icons/info.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
  filter: invert(49%) sepia(95%) saturate(949%) hue-rotate(52deg) brightness(95%) contrast(94%);
}
.ic-thumbs-up {
  content: url('/images/icons/thumbs_up.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-horizontal-chart {
  content: url('/images/icons/horizontal-chart.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-chart-mixed {
  content: url('/images/icons/chart-mixed.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-treemap {
  content: url('/images/icons/treemap.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
}
.ic-app-briefcase {
  content: url('/images/icons/app-icons/briefcase.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-tag {
  content: url('/images/icons/app-icons/tag.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-users {
  content: url('/images/icons/app-icons/users.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-package {
  content: url('/images/icons/app-icons/package.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-trending-up {
  content: url('/images/icons/app-icons/trending-up.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-calendar {
  content: url('/images/icons/app-icons/calendar.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-file-text {
  content: url('/images/icons/app-icons/file-text.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-shopping-cart {
  content: url('/images/icons/app-icons/shopping-cart.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-target {
  content: url('/images/icons/app-icons/target.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-building2 {
  content: url('/images/icons/app-icons/building2.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-clipboard {
  content: url('/images/icons/app-icons/clipboard.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-database {
  content: url('/images/icons/app-icons/database.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-dollar-sign {
  content: url('/images/icons/app-icons/dollar-sign.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-globe {
  content: url('/images/icons/app-icons/globe.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-laptop {
  content: url('/images/icons/app-icons/laptop.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-mail {
  content: url('/images/icons/app-icons/mail.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-phone {
  content: url('/images/icons/app-icons/phone.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-settings {
  content: url('/images/icons/app-icons/settings.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-bell {
  content: url('/images/icons/app-icons/bell.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-chart-column {
  content: url('/images/icons/app-icons/chart-column.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-chart-pie {
  content: url('/images/icons/app-icons/chart-pie.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-chart-line {
  content: url('/images/icons/app-icons/chart-line.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-wallet {
  content: url('/images/icons/app-icons/wallet.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-credit-card {
  content: url('/images/icons/app-icons/credit-card.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-receipt {
  content: url('/images/icons/app-icons/receipt.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-rocket {
  content: url('/images/icons/app-icons/rocket.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-shield {
  content: url('/images/icons/app-icons/shield.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-star {
  content: url('/images/icons/app-icons/star.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-circle-check-big {
  content: url('/images/icons/app-icons/circle-check-big.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-clock {
  content: url('/images/icons/app-icons/clock.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-arrowupright {
  content: url('/images/icons/app-icons/arrow-up-right.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-folder {
  content: url('/images/icons/app-icons/folder.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-grid {
  content: url('/images/icons/app-icons/grid.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-contactus {
  content: url('/images/icons/app-icons/contactus.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-account {
  content: url('/images/icons/app-icons/account.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-logout {
  content: url('/images/icons/app-icons/logout.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-badge {
  content: url('/images/icons/app-icons/badge.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-crown {
  content: url('/images/icons/app-icons/crown.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-lock {
  content: url('/images/icons/app-icons/lock.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.ic-app-key {
  content: url('/images/icons/app-icons/key.svg');
  display: inline-block;
  height: 32px;
  width: 32px;
}
.rulerpen {
  background-image: url('/images/product/rulerpen.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  height: 110px;
  width: 110px;
}
.buildcsv {
  background-image: url('/images/product/buildcsv.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  height: 110px;
  width: 110px;
}
.ngdialog.screen-dialog {
  padding-bottom: 160px;
  padding-top: 20px;
}
.ngdialog.screen-dialog.ngdialog-closing .ngdialog-content {
  -webkit-animation: ngdialog-flyout 0.5s;
  animation: ngdialog-flyout 0.5s;
}
.ngdialog.screen-dialog .ngdialog-content {
  -webkit-animation: ngdialog-flyin 0.5s;
  animation: ngdialog-flyin 0.5s;
  color: #444;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 1em;
  position: relative;
  width: 550px;
  border-radius: 5px;
}
.ngdialog.conflict-dialog .ngdialog-content {
  -webkit-animation: ngdialog-flyin 0.5s;
  animation: ngdialog-flyin 0.5s;
  color: #444;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 90%;
  padding: 1em;
  position: relative;
  width: 800px;
  min-height: 600px;
  border-radius: 5px;
}
.ngdialog.screen-dialog .ngdialog-close {
  content: url('/images/icons/close.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 5px;
}
.ngdialog.screen-dialog .ngdialog-close:before {
  background: transparent;
  border-radius: 5px;
  color: #bbb;
  content: none;
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 3px;
  width: 30px;
}
.ngdialog.screen-dialog .ngdialog-close:hover:before,
.ngdialog.screen-dialog .ngdialog-close:active:before {
  color: #777;
}
.ngdialog.conflict-dialog .ngdialog-close {
  content: url('/images/icons/close.svg');
  height: 32px;
  width: 32px;
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 5px;
}
.ngdialog.conflict-dialog .ngdialog-close:before {
  background: transparent;
  border-radius: 5px;
  color: #bbb;
  content: none;
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 3px;
  width: 30px;
}
.ngdialog.conflict-dialog .ngdialog-close:hover:before,
.ngdialog.conflict-dialog .ngdialog-close:active:before {
  color: #777;
}
.ngdialog.screen-dialog .ngdialog-message {
  margin-bottom: .5em;
}
.ngdialog.screen-dialog .ngdialog-input {
  margin-bottom: 1em;
}
.ngdialog.screen-dialog .ngdialog-input textarea,
.ngdialog.screen-dialog .ngdialog-input input[type="text"],
.ngdialog.screen-dialog .ngdialog-input input[type="password"],
.ngdialog.screen-dialog .ngdialog-input input[type="email"],
.ngdialog.screen-dialog .ngdialog-input input[type="url"] {
  background: #fff;
  border: 0;
  border-radius: 5px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0 0 .25em;
  min-height: 2.5em;
  padding: .25em .67em;
  width: 100%;
}
.ngdialog.screen-dialog .ngdialog-input textarea:focus,
.ngdialog.screen-dialog .ngdialog-input input[type="text"]:focus,
.ngdialog.screen-dialog .ngdialog-input input[type="password"]:focus,
.ngdialog.screen-dialog .ngdialog-input input[type="email"]:focus,
.ngdialog.screen-dialog .ngdialog-input input[type="url"]:focus {
  box-shadow: inset 0 0 0 2px #8dbdf1;
  outline: none;
}
.ngdialog.screen-dialog .ngdialog-buttons {
  *zoom: 1;
}
.ngdialog.screen-dialog .ngdialog-buttons:after {
  content: '';
  display: table;
  clear: both;
}
.ngdialog.screen-dialog .ngdialog-button {
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  float: right;
  font-family: inherit;
  font-size: .8em;
  letter-spacing: .1em;
  line-height: 1em;
  margin: 0 0 0 .5em;
  padding: .75em 2em;
  text-transform: uppercase;
}
.ngdialog.screen-dialog .ngdialog-button:focus {
  -webkit-animation: ngdialog-pulse 1.1s infinite;
  animation: ngdialog-pulse 1.1s infinite;
  outline: none;
}
@media (max-width: 568px) {
  .ngdialog.screen-dialog .ngdialog-button:focus {
    -webkit-animation: none;
    animation: none;
  }
}
.ngdialog.screen-dialog .ngdialog-button.ngdialog-button-primary {
  background: #3288e6;
  color: #fff;
}
.ngdialog.screen-dialog .ngdialog-button.ngdialog-button-secondary {
  background: #e0e0e0;
  color: #777;
}
.command-pop {
  min-height: 120px;
}
/* ========================================================================
   Component: form-elements.less
 ========================================================================== */
/**
 * Custom form elements
 *    - Checkbox
 *    - Radios
 *    - Switch
 *    - Rounded inputs
 */
.c-checkbox,
.c-radio {
  margin-right: 4px;
}
.c-checkbox *,
.c-radio * {
  cursor: pointer;
}
.c-checkbox input,
.c-radio input {
  opacity: 0;
  position: absolute;
  margin-left: 0 !important;
}
.c-checkbox span,
.c-radio span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: -20px;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid #ccc;
  margin-right: 5px;
  text-align: center;
}
.c-checkbox span:before,
.c-radio span:before {
  margin-left: 1px;
}
.form-inline .c-checkbox span,
.form-inline .c-radio span {
  margin-left: 0;
}
.c-checkbox.c-checkbox-rounded span,
.c-radio.c-checkbox-rounded span,
.c-checkbox.c-radio-rounded span,
.c-radio.c-radio-rounded span {
  border-radius: 500px;
}
/* override for radio */
.c-radio span {
  border-radius: 500px;
}
/* the icon */
.c-checkbox span:before,
.c-radio span:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  text-align: center !important;
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
}
.c-checkbox input[type=radio]:checked + span:before,
.c-radio input[type=radio]:checked + span:before {
  color: #1d4059  !important;
}
.c-checkbox input[type=checkbox]:checked + span,
.c-radio input[type=checkbox]:checked + span,
.c-checkbox input[type=radio]:checked + span,
.c-radio input[type=radio]:checked + span {
  border-color: #1d4059 !important;
}
.c-checkbox span:before,
.c-radio span:before {
  font-size: 13px !important;
}
/* Checked state */
.c-checkbox,
.c-radio {
  /* override for radio */
  /* Disable state */
  /* override for radio */
}
.c-checkbox input[type=checkbox]:checked + span:before,
.c-radio input[type=checkbox]:checked + span:before,
.c-checkbox input[type=radio]:checked + span:before,
.c-radio input[type=radio]:checked + span:before {
  color: #292929;
  opacity: 1;
  transition: color 0.3s ease-out;
}
.c-checkbox input[type=radio]:checked + span,
.c-radio input[type=radio]:checked + span {
  background-color: #fff;
}
.c-checkbox input[type=checkbox]:disabled + span,
.c-radio input[type=checkbox]:disabled + span,
.c-checkbox input[type=radio]:disabled + span,
.c-radio input[type=radio]:disabled + span {
  background-color: #ccc;
}
.c-checkbox input[type=radio]:disabled + span,
.c-radio input[type=radio]:disabled + span {
  background-color: #fff !important;
}
.c-checkbox input[type=radio]:disabled + span:before,
.c-radio input[type=radio]:disabled + span:before {
  background-color: #ccc;
}
.form-control-rounded {
  border-radius: 100px;
}
.switch .form-control {
  padding-top: 7px;
  margin-bottom: 0;
}
.switch * {
  cursor: pointer;
}
.switch input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.switch span {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #1d4059;
  border-radius: 100px;
  transition: all .5s;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1) inset;
}
.switch span:after {
  content: "";
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid #ddd;
  border-radius: 400px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: all .2s;
}
.switch.switch-lg span {
  width: 50px;
  height: 25px;
}
.switch.switch-lg span:after {
  height: 23px;
  width: 23px;
}
.switch.switch-sm span {
  width: 30px;
  height: 15px;
}
.switch.switch-sm span:after {
  height: 13px;
  width: 13px;
}
.switch input:checked + span {
  transition: all .5s;
}
.switch input:checked + span:after {
  left: 50%;
  transition: all .2s;
}
.form-control {
  border-radius: 0px;
}
.form-control-feedback {
  left: 16px;
  right: auto;
}
.form-control + .form-control-feedback,
.form-control + .parsley-errors-list + .form-control-feedback {
  right: 0;
  left: auto;
  top: 10px;
}
.input-sm + .form-control-feedback,
.input-sm + .parsley-errors-list + .form-control-feedback {
  top: 0;
}
label + .form-control + .form-control-feedback,
label + .form-control + .parsley-errors-list + .form-control-feedback {
  top: 36px;
}
.input-md {
  width: 260px;
}
.editable-error {
  color: #db2900;
}
.error {
  color: #db2900;
}
.menu-active {
  border-bottom: 1px solid #0ea5e9;
  cursor: pointer;
  font-weight: bold;
}
.menu-item {
  cursor: pointer;
}
.menu-item:hover {
  border-bottom: 1px solid #0ea5e9;
}
/* ========================================================================
   Component: panels.less
 ========================================================================== */
.panel .table {
  margin-bottom: 0;
  border: 0;
}
.panel.panel-transparent {
  border: 0;
  background-color: transparent;
  box-shadow: 0 0 0 #000;
}
.panel.panel-transparent .panel-heading,
.panel.panel-transparent .panel-body {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
.panel.panel-default {
  border-top-width: 3px;
}
.panel-flat {
  margin: 0 !important;
  border: 0;
}
.panel-group .panel-flat {
  box-shadow: 0 0 0 #000;
}
.panel-group .panel-flat:first-child {
  border-radius: 4px 4px 0 0;
}
.panel-group .panel-flat:last-child {
  border-radius: 0 0 4px 4px;
}
.panel-heading paneltool > a {
  display: inline-block;
  color: #fff;
  width: 2em;
  text-align: center;
}
.panel-default .panel-heading paneltool > a {
  color: #c1c2c3;
}
.panel-heading > .label.pull-right {
  margin-top: 3px;
}
.panel-heading > .label.pull-right + .label.pull-right {
  margin-right: 10px;
}
.panel-footer .pagination {
  margin: 0;
}
.panel-footer .radial-bar {
  margin-bottom: 0;
}
.panel-footer p {
  margin-bottom: 0;
}
.panel-heading-active {
  background-color: #218010 !important;
  font-weight: bold;
  font-size: 16px;
}
.panel-heading-active > a {
  padding: 15px 0;
  color: #fff !important;
  -webkit-transition: padding 0.5s ease;
  -o-transition: padding 0.5s ease;
  transition: padding 0.5s ease;
}
.panel-heading-active + .panel-collapse:after {
  content: "";
  display: block;
  width: 60%;
  margin: 0 auto;
  height: 0;
  border-bottom: 1px solid #e1e2e3;
}
.panel-inverse {
  border-color: #cfdbe2;
}
.panel-inverse > .panel-heading {
  color: #ffffff;
  background-color: #131e26;
  border-color: #131e26;
}
.panel-inverse > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #cfdbe2;
}
.panel-inverse > .panel-heading .badge {
  color: #131e26;
  background-color: #ffffff;
}
.panel-inverse > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #cfdbe2;
}
.panel-green {
  border-color: #cfdbe2;
}
.panel-green > .panel-heading {
  color: #ffffff;
  background-color: #27bc5a;
  border-color: #27bc5a;
}
.panel-green > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #cfdbe2;
}
.panel-green > .panel-heading .badge {
  color: #27bc5a;
  background-color: #ffffff;
}
.panel-green > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #cfdbe2;
}
.panel-pink {
  border-color: #cfdbe2;
}
.panel-pink > .panel-heading {
  color: #ffffff;
  background-color: #f532e5;
  border-color: #f532e5;
}
.panel-pink > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #cfdbe2;
}
.panel-pink > .panel-heading .badge {
  color: #f532e5;
  background-color: #ffffff;
}
.panel-pink > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #cfdbe2;
}
.panel-purple {
  border-color: #cfdbe2;
}
.panel-purple > .panel-heading {
  color: #ffffff;
  background-color: #7266ba;
  border-color: #7266ba;
}
.panel-purple > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #cfdbe2;
}
.panel-purple > .panel-heading .badge {
  color: #7266ba;
  background-color: #ffffff;
}
.panel-purple > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #cfdbe2;
}
.panel-dark {
  border-color: #cfdbe2;
}
.panel-dark > .panel-heading {
  color: #ffffff;
  background-color: #3a3f51;
  border-color: #3a3f51;
}
.panel-dark > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #cfdbe2;
}
.panel-dark > .panel-heading .badge {
  color: #3a3f51;
  background-color: #ffffff;
}
.panel-dark > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #cfdbe2;
}
.pnl-wrp {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 24px;
  border-radius: 0.75rem;
}
/* ========================================================================
   Component: datatable.less
 ========================================================================== */
/* (cs)spinner.css - http://jh3y.github.io/-cs-spinner
  Licensed under the MIT license | Jhey Tompkins (c) 2014. */
body {
  /* (cs)spinner base styling */
}
body .whirl {
  position: relative;
}
body .whirl:before {
  content: attr(data-spinner-text);
  display: block;
  background-color: #f0f0f0;
  opacity: 0.7;
}
body .whirl.solid {
  opacity: 1;
}
.no-cssanimations body .whirl:before {
  opacity: .9;
}
.no-cssanimations body .whirl:after {
  content: "Loading...";
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  line-height: 40px;
  color: #000;
  opacity: 1;
  border: 0;
  box-shadow: 0 0 0 #000;
  background-color: transparent;
  text-align: center;
}
.nav-tabs > li > a {
  border-radius: 0px;
}
.progress-bar-success {
  background-color: #4fe99c;
}
.bblt {
  border-bottom: 1px solid #f1f5f7;
}
.dropdown-menu {
  background-color: #ffffff;
  overflow: auto;
}
.dropdown-menu li a:hover {
  background-color: #e3e6e9;
  border: none;
}
.mdb-filter {
  position: relative;
}
.mdb-filter input {
  border: 1px solid #D1D5DB;
  border-radius: 6px;
  padding: 8px 36px 8px 12px;
  font-size: 14px;
  outline: none;
  width: 100%;
  height: 40px;
  background-color: #ffffff;
}
.mdb-filter input:focus {
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1);
}
.mdb-filter input::placeholder {
  color: #9CA3AF;
}
.mdb-filter i {
  position: absolute;
  right: 12px;
  color: #6B7280;
}
.c-checkbox input[type=checkbox]:checked + span {
  width: 20px;
}
input,
select,
textarea,
.cedit.edit,
[data-toggle="dropdown"]:not(.dropdown-toggle):not(.user-icon),
.btn,
.btn-primary {
  outline: 0px;
  border-radius: 5px !important;
  box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 3px 0px;
  border: 1px solid #ccc;
}
select {
  padding-bottom: 0px;
  padding-left: 3px;
}
.bootstrap-datetimepicker-widget {
  z-index: 22222;
}
.bootstrap-datetimepicker-widget .datepicker {
  background-color: #ffffff;
}
.c-radio span {
  border-color: black;
}
.more-menu {
  border: none;
  background-color: transparent;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.more-menu li {
  padding: 3px;
  cursor: pointer;
}
.rotate90 {
  transform: rotate(90deg);
}
/* ========================================================================
   Component: form-validation.less
 ========================================================================== */
.parsley-error {
  border-color: #cb250b !important;
}
.parsley-errors-list {
  display: none;
  margin: 0;
  padding: 0;
}
.parsley-errors-list.filled {
  display: block;
}
.parsley-errors-list > li {
  font-size: 12px;
  list-style: none;
  color: #cb250b;
}
.btn {
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}
.btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1);
}
.btn-simple {
  background-color: #0ea5e9;
  color: #ffffff !important;
  border-radius: 6px;
}
.btn-simple:hover,
.btn-simple:focus {
  background-color: #0d94d1 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.2);
}
.btn-flx {
  display: inline-flex;
  align-items: center;
}
.btn-38 {
  height: 38px;
}
.btn-default-focus {
  box-shadow: none !important;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #eaeaea !important;
}
.btn-default-inv {
  background-color: #ffffff;
  color: #0ea5e9;
}
.btn-primary {
  color: #ffffff;
  background-color: #8b5cf6;
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid #8b5cf6;
  font-weight: 500;
}
.btn-primary:active {
  background-color: #6f35f4 !important;
  color: #ffffff;
}
.btn-primary:active:focus,
.btn-primary:focus {
  background-color: #8b5cf6 !important;
  color: #ffffff;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.2);
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #7a44f5 !important;
}
.btn-primary-inv {
  background-color: #ffffff;
  border-color: #8b5cf6 !important;
  background-image: none !important;
  border: 1px solid;
  cursor: pointer;
  border-radius: 5px;
}
.btn-more {
  background-color: #0ea5e9;
  border: 1px solid #0ea5e9;
  height: 34px !important;
  padding: 0 8px !important;
  width: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.btn-more .fa {
  color: #ffffff;
}
.btn-search {
  border-radius: 50%;
  outline: 0px;
  background-color: #eeeeee !important;
  border: 0px;
  color: #353a44 !important;
  font-size: 16px;
}
.btn-search:hover,
.btn-search:active,
.btn-search:focus {
  outline: 0px !important;
  border: 0px !important;
}
.btn-search:hover {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-square {
  padding: 10px;
}
.btn-md {
  padding: 3px 10px;
  font-size: 25px;
  line-height: 1.5;
}
.btn-wide {
  width: 100px;
}
.btn-rnd {
  border-radius: 50%;
}
.btn-green {
  background-color: #508c00 !important;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active {
  background-color: #5fa600 !important;
}
.btn-red {
  background-color: #e20000 !important;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active {
  background-color: #fb0000 !important;
}
.btn-blue {
  background-color: #0d99ff !important;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
  background-color: #27a4ff !important;
}
.dataTables_scrollHead {
  background-color: #292929;
  color: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.dataTables_scrollHead .dataTables_scrollHeadInner {
  height: inherit;
}
.dataTables_scrollHead .dataTables_scrollHeadInner th {
  font-weight: normal;
  text-transform: capitalize;
  min-width: 100px;
}
.dataTables_scroll {
  box-shadow: -7px 8px 14px -4px #d8d9da;
}
.dataTables_scrollBody {
  scrollbar-color: #374151 #f5f5f5;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th {
  min-width: 100px;
}
.dataTables_scrollBody::-webkit-scrollbar-track {
  background-color: #F5F5F5;
  border-radius: 10px;
}
.dataTables_scrollBody::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #374151;
}
.xero-logo {
  background-image: url('/images/xero/xero-connected-app-logo-lowres-RGB.png');
  background-repeat: no-repeat;
  height: 70px;
  width: 120px;
  display: inline-block;
  background-size: contain;
}
.xero-connect-btn {
  background-image: url('/images/xero/connect_xero_button_blue_2x.png');
  background-repeat: no-repeat;
  height: 50px;
  width: 185px;
  display: inline-block;
  background-size: contain;
  cursor: pointer;
}
.mb-boxes {
  height: 0;
  overflow: hidden;
}
.mb-boxes .nav > li > a {
  font-weight: 600;
  color: #3a3f51;
  margin: 5px 0;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.mb-boxes .nav > li > a:hover,
.mb-boxes .nav > li > a:focus {
  background-color: #f7fcff;
  border-bottom: 0px;
}
.mb-boxes .nav > li.active > a {
  background-color: #67caf6 !important;
  color: #fff !important;
}
@media only screen and (min-width: 992px) {
  .mb-boxes {
    height: auto !important;
    visibility: visible !important;
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .mb-compose-button {
    display: block;
    width: 100%;
  }
  .mb-toggle-button {
    display: none;
  }
}
.mb-mails > tbody > tr > td {
  border-top-color: transparent;
  cursor: pointer;
}
.mb-mails .mb-mail-active {
  background-color: #f7f8f9 !important;
}
.mb-mails .mb-mail-avatar {
  float: left;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 3px;
}
.mb-mails .mb-mail-date {
  display: block;
  float: right;
  color: #909fa7;
  font-size: 12px;
  font-weight: bold;
}
.mb-mails .mb-mail-from {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.mb-mails .mb-mail-meta {
  overflow: hidden;
}
.mb-mails .mb-mail-subject {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 6px;
}
.mb-mails .mb-mail-preview {
  clear: both;
  margin-top: 10px;
  color: #909fa7;
  margin-top: 2px;
}
.mb-mails .mb-attachment {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e4eaec;
}
.mb-view > tbody > tr > td {
  cursor: auto;
}
.mb-view .mb-mail-to-list {
  margin-top: 6px;
}
.mb-view .mb-mail-to-list > a {
  margin-right: 5px;
  color: #909fa7;
}
.ln-ht-1-5 {
  line-height: 1.5em;
}
.fs-12 {
  font-size: 1.2em;
}
.mb-150 {
  margin-bottom: 150px;
}
.subhead-gy {
  color: #93929a;
  font-size: 1.2em;
}
.contact-now {
  font-size: 2em;
  color: #ef0e7e !important;
  background-color: aliceblue;
  border-radius: 5px;
  padding: 5px;
  border: 2px solid #ef0e7e !important;
}
h1,
h2,
h3,
h4 {
  color: #0b293f;
}
h4 {
  color: #84a2b5;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1em;
}
.title {
  color: #0b293f;
  font-weight: 600;
  font-size: calc(2.7em);
}
@media only screen and (min-width: 480px), only screen and (min-width: 768px), only screen and (min-width: 992px) {
  .title {
    font-size: calc(2em);
  }
}
@media only screen and (min-width: 1200px) {
  .title {
    font-size: calc(2.7em);
  }
}
.title2 {
  color: #292929;
  font-weight: 600;
  font-size: calc(2.1em);
}
@media only screen and (min-width: 480px), only screen and (min-width: 768px), only screen and (min-width: 992px) {
  .title2 {
    font-size: calc(2em);
  }
}
@media only screen and (min-width: 1200px) {
  .title2 {
    font-size: calc(2.1em);
  }
}
.subtext {
  color: #6b7280;
  text-align: left;
  font-weight: 500;
  line-height: 1.8;
  font-size: 1.2em;
}
@media only screen and (min-width: 480px), only screen and (min-width: 768px) {
  .subtext {
    font-size: calc(1.3em);
  }
}
@media only screen and (min-width: 992px) {
  .subtext {
    font-size: calc(1.3em);
  }
}
.brn-icon {
  margin: auto;
  height: 50%;
  width: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  max-width: 250px;
  max-height: 250px;
}
.flipH {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.box-lbl {
  display: inline-block;
  padding: 0px 10px;
  border-radius: 5px;
  background-color: #e0e4e6;
  margin-bottom: 10px;
  font-weight: 600;
  text-transform: uppercase;
}
.m-table {
  border-color: #f3f4f6;
}
.tbl-wrp {
  border: 1px solid #f3f4f6;
  border-radius: 5px;
}
.mdbscrollBar {
  scrollbar-color: #374151 #f5f5f5;
}
.mdbscrollBar::-webkit-scrollbar-track {
  background-color: #F5F5F5;
  border-radius: 10px;
}
.mdbscrollBar::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: #F5F5F5;
}
.mdbscrollBar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #374151;
}
.card-grid-cont {
  width: 86%;
  margin: auto;
}
.card-grid-cont .card-grid {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  margin: auto;
  justify-content: start;
  gap: 28px;
}
.card-grid-cont .card-grid .mdb-card {
  height: 190px;
  width: 330px;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: #fcfcfd;
  border: 1px #dddddd solid;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-grid-cont .card-grid .mdb-card:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.card-grid-cont .card-grid .mdb-card .card-top {
  height: 96px;
  display: flex;
  align-items: center;
  position: relative;
}
.card-grid-cont .card-grid .mdb-card .card-top .card-lf div {
  background-color: #0ea5e9;
  color: #ffffff;
  width: 75px;
  height: 75px;
  border-radius: 5px;
  padding: 22px;
}
.card-grid-cont .card-grid .mdb-card .card-top .card-body {
  width: 60%;
}
.card-grid-cont .card-grid .mdb-card .card-top .card-body > div:first-child {
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.card-grid-cont .card-grid .mdb-card .card-top .card-rt i {
  position: absolute;
  top: 12px;
  right: 12px;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
}
.card-grid-cont .card-grid .mdb-card .card-top .card-rt i:hover {
  color: #ffffff;
}
.card-grid-cont .card-grid .mdb-card .card-footer {
  height: 40px;
  display: flex;
  justify-content: space-between;
}
.card-grid-cont .card-grid .mdb-card .card-footer .dropdown {
  border: none;
  background-color: #fcfcfd;
}
.card-grid-cont .card-filter-empty-msg {
  width: 14vw;
  margin: auto;
  text-align: center;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
html {
  direction: ltr;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
html,
body {
  height: 100%;
  overflow: hidden;
}
.smooth-scroll {
  scroll-behavior: smooth;
}
.loadbar-holder {
  top: 53px;
  position: fixed;
  width: 100%;
  z-index: 39;
}
.wrapper {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.home-frame > header {
  background-color: #ffffff;
}
@media (max-width:767px) {
  .home-frame > header {
    height: 50px;
  }
}
.frame {
  min-height: 98vh;
}
.frame header {
  position: sticky;
  top: 0px;
  height: 50px;
  z-index: 5;
}
.frame .frame-content {
  background-color: #f9fafb;
  width: 100vw;
  min-height: 99%;
  top: 50px;
  position: absolute;
  height: 100%;
  overflow-y: auto;
}
.frame .frame-content.in-app aside {
  width: 260px;
}
.frame .frame-content.in-app > section {
  left: 260px;
  width: calc(100vw - 260px);
}
.frame .frame-content aside {
  width: 75px;
  position: fixed;
  top: 50px;
  bottom: 0px;
  left: 0px;
  z-index: 2;
}
.frame .frame-content > section {
  left: 75px;
  position: relative;
  width: calc(100vw - 75px);
}
.scroll-body {
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #ffffff;
}
.grecaptcha-badge {
  display: none;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
html {
  direction: ltr;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
html,
body {
  height: 100%;
  overflow: hidden;
}
.smooth-scroll {
  scroll-behavior: smooth;
}
.loadbar-holder {
  top: 53px;
  position: fixed;
  width: 100%;
  z-index: 39;
}
.wrapper {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.aichatbox {
  z-index: 2247483647 !important;
  position: relative;
}
.aichatbox .btn-ai {
  border: 1px solid #b342ff;
  height: 60px;
  width: 60px;
  background-color: #390099;
  position: fixed;
  bottom: 10px;
  right: 20px;
  padding: 1px;
  border-radius: 100%;
  z-index: 2247483647;
  cursor: pointer;
}
.aichatbox .btn-ai.hideIcon {
  display: none;
}
.aichatbox .btn-ai.open .ai-logo {
  display: none;
}
.aichatbox .btn-ai.open .ic-close {
  display: inline-block;
}
.aichatbox .btn-ai .ic-close {
  display: none;
  margin: 1%;
  height: 55px;
  width: 55px;
}
.aichatbox .jairy-panel {
  position: fixed;
  display: flex;
  flex-direction: column;
  width: 430px;
  height: calc(95vh - 9%);
  max-height: 900px;
  min-height: 500px;
  bottom: 9%;
  right: 30px;
  background: #f8f9fe;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.04);
  z-index: 2247483646;
  box-sizing: border-box;
  transform: scale(0);
  transform-origin: bottom right;
  opacity: 0;
  visibility: hidden;
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.4s cubic-bezier(0.4, 0, 0.2, 1), max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), height 0.4s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0, 1.18, 0.99, 0.98), opacity 0.2s cubic-bezier(0, 0, 0.58, 1.05);
}
.aichatbox .jairy-panel.open {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}
.aichatbox .jairy-panel.size-wide {
  width: 800px;
  max-height: 880px;
}
.aichatbox .jairy-panel.size-full {
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  border-radius: 0;
  bottom: 0;
  right: 0;
}
.aichatbox .jairy-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
  background: #ffffff;
  border-bottom: 1px solid #e9ecef;
  position: relative;
  flex-shrink: 0;
  z-index: 10;
}
.aichatbox .jairy-header .back-btn {
  position: absolute;
  left: 16px;
  background: none;
  border: none;
  color: #495057;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.aichatbox .jairy-header .back-btn:hover {
  background: #f1f3f5;
}
.aichatbox .jairy-header .back-btn svg {
  width: 20px;
  height: 20px;
}
.aichatbox .jairy-header .header-logo {
  display: flex;
  align-items: center;
  gap: 8px;
}
.aichatbox .jairy-header .header-logo-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}
.aichatbox .jairy-header .logo-text {
  font-size: 18px;
  font-weight: 700;
  color: #212529;
}
.aichatbox .jairy-header .resize-btn {
  position: absolute;
  right: 46px;
  background: none;
  border: 1px solid #e9ecef;
  color: #868e96;
  cursor: pointer;
  padding: 6px 10px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 500;
  transition: all 0.15s;
}
.aichatbox .jairy-header .resize-btn:hover {
  background: #f8f9fa;
  border-color: #a29bfe;
  color: #6c5ce7;
}
.aichatbox .jairy-header .resize-btn svg {
  width: 14px;
  height: 14px;
}
.aichatbox .jairy-header .resize-btn .size-label {
  white-space: nowrap;
}
.aichatbox .jairy-header .new-chat-btn {
  position: absolute;
  left: 16px;
  background: none;
  border: none;
  color: #495057;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.aichatbox .jairy-header .new-chat-btn:hover {
  background: #f1f3f5;
  color: #6c5ce7;
}
.aichatbox .jairy-header .new-chat-btn svg {
  width: 20px;
  height: 20px;
}
.aichatbox .jairy-header .close-btn {
  position: absolute;
  right: 14px;
  background: none;
  border: none;
  color: #adb5bd;
  cursor: pointer;
  padding: 6px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  transition: all 0.15s;
}
.aichatbox .jairy-header .close-btn:hover {
  color: #495057;
  background: #f1f3f5;
}
.aichatbox .jairy-header .close-btn svg {
  width: 16px;
  height: 16px;
}
.aichatbox .screen {
  flex: 1;
  overflow-y: auto;
  display: none;
  flex-direction: column;
}
.aichatbox .screen::-webkit-scrollbar {
  width: 4px;
}
.aichatbox .screen::-webkit-scrollbar-thumb {
  background: #dee2e6;
  border-radius: 4px;
}
.aichatbox .screen[ng-show]:not(.ng-hide) {
  display: flex;
}
.aichatbox .welcome-screen {
  align-items: center;
  justify-content: center;
  padding: 40px 30px;
  text-align: center;
}
.aichatbox .welcome-screen .welcome-title {
  font-size: 28px;
  font-weight: 700;
  color: #212529;
  margin-bottom: 4px;
  line-height: 1.2;
}
.aichatbox .welcome-screen .welcome-logo {
  margin-bottom: 12px;
}
.aichatbox .welcome-screen .welcome-logo-img {
  max-width: 220px;
  height: auto;
}
.aichatbox .welcome-screen .welcome-subtitle {
  font-size: 16px;
  color: #868e96;
  margin-bottom: 48px;
  line-height: 1.5;
}
.aichatbox .welcome-screen .welcome-start-btn {
  width: 100%;
  padding: 18px;
  background: #6c5ce7;
  color: white;
  border: none;
  border-radius: 14px;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 4px 15px rgba(108, 92, 231, 0.35);
}
.aichatbox .welcome-screen .welcome-start-btn:hover {
  background: #5a4bd1;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(108, 92, 231, 0.4);
}
.aichatbox .chat-screen {
  position: relative;
}
.aichatbox .chat-intro {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 24px 20px;
}
.aichatbox .chat-intro .chat-intro-logo {
  margin-bottom: 4px;
}
.aichatbox .chat-intro .chat-intro-logo-img {
  max-width: 160px;
  height: auto;
}
.aichatbox .chat-intro .chat-intro-label {
  font-size: 13px;
  color: #adb5bd;
  font-weight: 500;
  margin-bottom: 24px;
}
.aichatbox .chat-intro .chat-intro-greeting {
  font-size: 18px;
  font-weight: 600;
  color: #343a40;
  margin-bottom: 20px;
  text-align: center;
}
.aichatbox .chat-intro .chat-note {
  font-size: 12px;
  color: #adb5bd;
  margin-top: auto;
  padding-bottom: 8px;
}
.aichatbox .chat-messages {
  flex: 1;
  padding: 16px 16px 8px;
  overflow-y: auto;
  flex-direction: column;
  gap: 12px;
}
.aichatbox .chat-messages::-webkit-scrollbar {
  width: 4px;
}
.aichatbox .chat-messages::-webkit-scrollbar-thumb {
  background: #dee2e6;
  border-radius: 4px;
}
.aichatbox .chat-messages[ng-show]:not(.ng-hide) {
  display: flex;
}
.aichatbox .message-wrapper {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  max-width: 82%;
  gap: 4px;
  animation: jairyFadeIn 0.25s ease;
}
.aichatbox .message-wrapper.user-wrapper {
  align-self: flex-end;
}
.aichatbox .message-wrapper .message {
  max-width: 100%;
  align-self: stretch;
  animation: none;
}
.aichatbox .message {
  padding: 12px 16px;
  border-radius: 18px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.aichatbox .message.user {
  align-self: flex-end;
  background: #6c5ce7;
  color: white;
  border-bottom-right-radius: 6px;
}
.aichatbox .message.bot {
  align-self: flex-start;
  background: #ffffff;
  color: #343a40;
  border-bottom-left-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.aichatbox .message.bot .agent-badge {
  display: inline-block;
  background: #a29bfe;
  color: white;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 10px;
  margin-bottom: 6px;
}
.aichatbox .message.bot .agent-badge + span {
  display: block;
}
.aichatbox .message.bot a {
  color: #6c5ce7;
  text-decoration: underline;
}
.aichatbox .message.bot a:hover {
  color: #5a4bd1;
}
.aichatbox .message.selection {
  background: #ffffff;
  border: 1px solid #a29bfe;
  border-bottom-left-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  padding: 14px 16px;
  max-width: 100%;
  align-self: flex-start;
}
.aichatbox .agent-selection-prompt {
  font-size: 14px;
  font-weight: 500;
  color: #343a40;
  margin: 0 0 12px 0;
  line-height: 1.5;
}
.aichatbox .agent-selection-control {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.aichatbox .agent-selection-dropdown {
  flex: 1;
  min-width: 0;
  padding: 9px 12px;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  font-size: 13px;
  font-family: inherit;
  color: #343a40;
  background: #f8f9fa;
  outline: none;
  cursor: pointer;
  transition: border-color 0.2s;
  appearance: auto;
}
.aichatbox .agent-selection-dropdown:focus {
  border-color: #a29bfe;
  background: #ffffff;
}
.aichatbox .agent-selection-btn {
  padding: 9px 18px;
  background: #6c5ce7;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  flex-shrink: 0;
}
.aichatbox .agent-selection-btn:hover {
  background: #5a4bd1;
}
.aichatbox .agent-selection-btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.aichatbox .agent-selection-resolved {
  font-size: 13px;
  color: #6c5ce7;
  font-weight: 600;
}
.aichatbox .message.approve {
  background: #ffffff;
  border: 1px solid #e9ecef;
  border-left: 3px solid #6c5ce7;
  border-bottom-left-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  padding: 14px 16px;
  max-width: 100%;
  align-self: flex-start;
}
.aichatbox .agent-approve-question {
  font-size: 14px;
  color: #495057;
  margin: 0 0 12px 0;
  line-height: 1.5;
}
.aichatbox .agent-approve-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.aichatbox .agent-approve-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  background: #6c5ce7;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 2px 8px rgba(108, 92, 231, 0.3);
}
.aichatbox .agent-approve-btn svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}
.aichatbox .agent-approve-btn:hover {
  background: #5a4bd1;
  box-shadow: 0 4px 12px rgba(108, 92, 231, 0.4);
  transform: translateY(-1px);
}
.aichatbox .agent-refine-btn {
  padding: 10px 16px;
  background: none;
  color: #6c757d;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
}
.aichatbox .agent-refine-btn:hover {
  border-color: #a29bfe;
  color: #6c5ce7;
  background: rgba(108, 92, 231, 0.04);
}
.aichatbox .bot-table-wrap {
  overflow-x: auto;
  margin: 8px -4px;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}
.aichatbox .bot-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.aichatbox .bot-table th,
.aichatbox .bot-table td {
  padding: 6px 10px;
  text-align: left;
  border-bottom: 1px solid #e9ecef;
  white-space: nowrap;
}
.aichatbox .bot-table th {
  background: #f8f9fa;
  font-weight: 600;
  color: #495057;
}
.aichatbox .bot-table td {
  color: #6c757d;
}
.aichatbox .bot-table tr:last-child td {
  border-bottom: none;
}
.aichatbox .size-wide .message-wrapper {
  max-width: 88%;
}
.aichatbox .size-full .message-wrapper {
  max-width: 92%;
}
@keyframes jairyFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.aichatbox .typing-indicator {
  align-self: flex-start;
  background: #ffffff;
  padding: 12px 18px;
  border-radius: 18px;
  border-bottom-left-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  gap: 10px;
}
.aichatbox .typing-dots {
  display: flex;
  gap: 5px;
}
.aichatbox .typing-dot {
  width: 7px;
  height: 7px;
  background: #adb5bd;
  border-radius: 50%;
  animation: jairyTypingBounce 1.4s infinite ease-in-out;
}
.aichatbox .typing-dot:nth-child(2) {
  animation-delay: 0.2s;
}
.aichatbox .typing-dot:nth-child(3) {
  animation-delay: 0.4s;
}
.aichatbox .typing-status {
  font-size: 12px;
  color: #868e96;
  font-style: italic;
  white-space: nowrap;
}
@keyframes jairyTypingBounce {
  0%,
  60%,
  100% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-6px);
  }
}
.aichatbox .chat-input-area {
  background: #ffffff;
  border-top: 1px solid #e9ecef;
  flex-shrink: 0;
}
.aichatbox .end-chat-link {
  display: block;
  text-align: right;
  padding: 0 16px 6px;
  font-size: 11px;
  color: #adb5bd;
  cursor: pointer;
}
.aichatbox .end-chat-link:hover {
  color: #6c5ce7;
}
.aichatbox .chat-input-bar {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding: 10px 16px 14px;
}
.aichatbox .chat-input-bar textarea {
  flex: 1;
  padding: 11px 16px;
  border: 1px solid #e9ecef;
  border-radius: 16px;
  font-size: 14px;
  font-family: inherit;
  outline: none;
  background: #f8f9fa;
  transition: border-color 0.2s;
  resize: none;
  overflow-y: auto;
  min-height: 44px;
  max-height: 150px;
  line-height: 1.45;
  box-sizing: border-box;
}
.aichatbox .chat-input-bar textarea:focus {
  border-color: #a29bfe;
  background: #ffffff;
}
.aichatbox .chat-input-bar textarea::placeholder {
  color: #adb5bd;
}
.aichatbox .chat-input-bar .send-btn {
  width: 44px;
  height: 44px;
  min-width: 44px;
  background: #6c5ce7;
  color: white;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
}
.aichatbox .chat-input-bar .send-btn:hover {
  background: #5a4bd1;
  transform: scale(1.05);
}
.aichatbox .chat-input-bar .send-btn[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.aichatbox .chat-input-bar .send-btn svg {
  width: 18px;
  height: 18px;
}
.aichatbox .assistants-screen {
  padding: 0;
}
.aichatbox .assistants-search {
  padding: 12px 16px;
  position: sticky;
  top: 0;
  background: #f8f9fe;
  z-index: 5;
}
.aichatbox .assistants-search .search-icon {
  position: absolute;
  left: 28px;
  top: 50%;
  transform: translateY(-50%);
  color: #adb5bd;
}
.aichatbox .assistants-search input {
  width: 100%;
  padding: 11px 16px 11px 40px;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  font-size: 14px;
  outline: none;
  background: #ffffff;
  transition: border-color 0.2s;
  box-sizing: border-box;
}
.aichatbox .assistants-search input:focus {
  border-color: #a29bfe;
}
.aichatbox .assistants-search input::placeholder {
  color: #adb5bd;
}
.aichatbox .category-pills {
  display: flex;
  gap: 8px;
  padding: 0 16px 12px;
  overflow-x: auto;
  flex-shrink: 0;
  -webkit-overflow-scrolling: touch;
}
.aichatbox .category-pills::-webkit-scrollbar {
  display: none;
}
.aichatbox .pill {
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #e9ecef;
  background: #ffffff;
  color: #6c757d;
  transition: all 0.2s;
}
.aichatbox .pill:hover {
  border-color: #a29bfe;
  color: #6c5ce7;
}
.aichatbox .pill.active {
  background: #6c5ce7;
  color: white;
  border-color: #6c5ce7;
}
.aichatbox .assistants-list {
  padding: 0 16px 20px;
  flex: 1;
}
.aichatbox .category-section {
  margin-bottom: 24px;
}
.aichatbox .category-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 0 2px;
}
.aichatbox .category-header h3 {
  font-size: 17px;
  font-weight: 700;
  color: #212529;
  margin: 0;
}
.aichatbox .category-header .count {
  font-size: 12px;
  color: #adb5bd;
  background: #f1f3f5;
  padding: 3px 10px;
  border-radius: 10px;
}
.aichatbox .agent-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.aichatbox .agent-card {
  background: #ffffff;
  border-radius: 10px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.2s;
  border: 1px solid transparent;
}
.aichatbox .agent-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: #a29bfe;
  transform: translateY(-2px);
}
.aichatbox .agent-card .agent-card-icon {
  width: 44px;
  height: 44px;
  background: linear-gradient(135deg, #6c5ce7, #a29bfe);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  font-size: 20px;
}
.aichatbox .agent-card h4 {
  font-size: 13px;
  font-weight: 600;
  color: #343a40;
  margin: 0 0 4px 0;
  line-height: 1.3;
}
.aichatbox .agent-card p {
  font-size: 11px;
  color: #868e96;
  line-height: 1.4;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.aichatbox .agents-empty {
  text-align: center;
  padding: 40px;
  color: #adb5bd;
  font-size: 14px;
}
.aichatbox .size-wide .agent-grid {
  grid-template-columns: 1fr 1fr 1fr;
}
.aichatbox .size-full .agent-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.aichatbox .history-screen {
  padding: 0;
}
.aichatbox .history-toolbar {
  padding: 12px 16px;
  flex-shrink: 0;
}
.aichatbox .new-chat-btn-full {
  width: 100%;
  padding: 12px 16px;
  background: #6c5ce7;
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.aichatbox .new-chat-btn-full:hover {
  background: #5a4bd1;
}
.aichatbox .new-chat-btn-full svg {
  width: 16px;
  height: 16px;
}
.aichatbox .history-empty {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #adb5bd;
  text-align: center;
  padding: 40px;
}
.aichatbox .history-empty svg {
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
  opacity: 0.4;
}
.aichatbox .history-empty p {
  font-size: 14px;
  margin: 0;
}
.aichatbox .history-list {
  padding: 0 16px 20px;
  flex: 1;
  overflow-y: auto;
}
.aichatbox .history-item {
  background: #ffffff;
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.15s;
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  border-left: 3px solid transparent;
}
.aichatbox .history-item:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.aichatbox .history-item:hover .history-delete-btn {
  opacity: 1;
}
.aichatbox .history-item.active {
  border-left-color: #6c5ce7;
  background: #f8f9fa;
}
.aichatbox .history-item .history-item-icon {
  width: 36px;
  height: 36px;
  background: #f1f3f5;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}
.aichatbox .history-item .history-item-icon-default svg {
  width: 18px;
  height: 18px;
  color: #adb5bd;
}
.aichatbox .history-item .history-item-text {
  flex: 1;
  min-width: 0;
}
.aichatbox .history-item .history-item-text h4 {
  font-size: 13px;
  font-weight: 600;
  color: #343a40;
  margin: 0 0 2px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aichatbox .history-item .history-item-text p {
  font-size: 11px;
  color: #adb5bd;
  margin: 0;
}
.aichatbox .history-item .history-delete-btn {
  background: none;
  border: none;
  color: #adb5bd;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
  opacity: 0;
  transition: all 0.15s;
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 600;
}
.aichatbox .history-item .history-delete-btn:hover {
  color: #6c757d;
  background: #f1f3f5;
}
.aichatbox .history-item .history-delete-btn svg {
  width: 14px;
  height: 14px;
}
.aichatbox .history-item .history-delete-btn.confirming {
  opacity: 1;
  color: #e74c3c;
  background: rgba(231, 76, 60, 0.1);
}
.aichatbox .history-item .history-delete-btn.confirming:hover {
  background: rgba(231, 76, 60, 0.2);
  color: #c0392b;
}
.aichatbox .agent-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.aichatbox .agent-modal {
  width: 100%;
  max-height: 75%;
  background: #ffffff;
  border-radius: 24px 24px 0 0;
  padding: 24px;
  overflow-y: auto;
  animation: jairySlideUp 0.3s ease;
}
.aichatbox .agent-modal .agent-modal-handle {
  width: 36px;
  height: 4px;
  background: #dee2e6;
  border-radius: 2px;
  margin: 0 auto 20px;
}
.aichatbox .agent-modal .agent-modal-header {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 16px;
}
.aichatbox .agent-modal .agent-modal-icon {
  width: 52px;
  height: 52px;
  background: linear-gradient(135deg, #6c5ce7, #a29bfe);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  flex-shrink: 0;
}
.aichatbox .agent-modal .agent-modal-header h3 {
  font-size: 18px;
  font-weight: 700;
  color: #212529;
  margin: 0 0 4px 0;
}
.aichatbox .agent-modal .tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  color: #6c5ce7;
  background: rgba(108, 92, 231, 0.1);
  padding: 3px 10px;
  border-radius: 8px;
}
.aichatbox .agent-modal .agent-modal-desc {
  font-size: 14px;
  color: #6c757d;
  line-height: 1.6;
  margin-bottom: 16px;
}
.aichatbox .agent-modal .agent-modal-tools {
  margin-bottom: 20px;
}
.aichatbox .agent-modal .agent-modal-tools h4 {
  font-size: 13px;
  font-weight: 600;
  color: #495057;
  margin: 0 0 8px 0;
}
.aichatbox .agent-modal .tools-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.aichatbox .agent-modal .tool-chip {
  font-size: 11px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 8px;
  background: #f1f3f5;
  color: #6c757d;
}
.aichatbox .agent-modal .use-agent-btn {
  width: 100%;
  padding: 16px;
  background: #6c5ce7;
  color: white;
  border: none;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.aichatbox .agent-modal .use-agent-btn:hover {
  background: #5a4bd1;
}
@keyframes jairySlideUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.aichatbox .bottom-nav {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 10px 0 14px;
  background: #ffffff;
  border-top: 1px solid #e9ecef;
  flex-shrink: 0;
}
.aichatbox .bottom-nav .nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: 4px 16px;
  border: none;
  background: none;
  transition: all 0.15s;
}
.aichatbox .bottom-nav .nav-item svg {
  width: 22px;
  height: 22px;
  color: #adb5bd;
  transition: color 0.15s;
}
.aichatbox .bottom-nav .nav-item span {
  font-size: 11px;
  font-weight: 500;
  color: #adb5bd;
  transition: color 0.15s;
}
.aichatbox .bottom-nav .nav-item.active svg {
  color: #6c5ce7;
}
.aichatbox .bottom-nav .nav-item.active span {
  color: #6c5ce7;
}
.aichatbox .bottom-nav .nav-item:hover svg {
  color: #a29bfe;
}
.aichatbox .bottom-nav .nav-item:hover span {
  color: #a29bfe;
}

.footer {
  left: 0px;
  right: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
html {
  direction: ltr;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
html,
body {
  height: 100%;
  overflow: hidden;
}
.smooth-scroll {
  scroll-behavior: smooth;
}
.loadbar-holder {
  top: 53px;
  position: fixed;
  width: 100%;
  z-index: 39;
}
.wrapper {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.sidebar {
  position: fixed;
  left: 0px;
  bottom: 0px;
  top: 50px;
}
.sidebar:not(.in-app) {
  background-color: #292929;
}
.sidebar:not(.in-app) ul li {
  border-radius: 5px;
  padding: 5px;
  cursor: pointer;
  color: #ffffff;
  display: flex;
  justify-content: center;
  background-color: #292929;
  background: #292929;
  position: relative;
  margin-bottom: 10px;
}
.sidebar:not(.in-app) ul li.nav-active {
  background-color: #0ea5e9;
  background-image: none;
}
.sidebar .top-lvl-mnu {
  width: 50px;
  padding: 0 5px;
}
.sidebar .db-side-nav {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #f6f6f6;
  width: 260px;
  border-right: 1px solid #ddd;
}
.sidebar .db-side-nav .nav-active {
  background-color: #e0f2fe;
}
.sidebar .db-side-nav .btn-primary {
  padding: 2px 23px;
}
.sidebar .db-side-nav .action-btns {
  background: white;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sidebar .db-side-nav .action-btns > button {
  height: 32px;
}
.sidebar .db-side-nav .action-btns .dropdown {
  border: none;
}
.sidebar .db-side-nav .action-btns .dropdown button {
  width: 130px;
  border-width: 1px;
  border-color: #8b5cf6;
}
.sidebar .db-side-nav .action-btns .dropdown-menu {
  cursor: pointer;
  width: 150px;
  z-index: 8;
  top: 31px;
  left: 0px;
  padding: 0px;
  border: 0px;
}
.sidebar .db-side-nav .action-btns .dropdown-menu .mn-item {
  display: flex;
  padding: 5px 0px;
}
.sidebar .db-side-nav .action-btns .dropdown-menu .mn-item:hover {
  background-color: #8b5cf6;
  color: white;
}
.sidebar .db-side-nav .action-btns .dropdown-menu .mn-item:hover i {
  filter: invert(99%) sepia(49%) saturate(124%) hue-rotate(216deg) brightness(110%) contrast(96%) !important;
}
.sidebar .db-side-nav .action-btns .dropdown-menu .mn-item .pt-sm {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.sidebar .db-side-nav .action-btns .btn-primary.active,
.sidebar .db-side-nav .action-btns .btn-primary:active,
.sidebar .db-side-nav .action-btns .btn-primary:hover,
.sidebar .db-side-nav .action-btns .open > .dropdown-toggle.btn-primary {
  background-color: #8b5cf6;
}
.sidebar .db-side-nav .nav-tools {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background-color: #ffffff;
}
.sidebar .db-side-nav .nav-tools .top {
  /* Icon Bar Styles */
}
.sidebar .db-side-nav .nav-tools .top > div:first-child {
  display: flex;
}
.sidebar .db-side-nav .nav-tools .top .btn-dashboard {
  border-radius: 6px;
  background: white;
  padding: 5px 8px;
}
.sidebar .db-side-nav .nav-tools .top .btn-dashboard > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sidebar .db-side-nav .nav-tools .top .sb-app-btn {
  color: #4b5563;
  font-weight: 500;
}
.sidebar .db-side-nav .nav-tools .top .sb-app-btn:hover {
  background-color: #f9fafb;
}
.sidebar .db-side-nav .nav-tools .top .sb-app-btn.active {
  background-color: #e0f2fe;
  font-weight: 700;
  color: #0ea5e9;
}
.sidebar .db-side-nav .nav-tools .top .sb-app-btn.active i {
  filter: invert(51%) sepia(91%) saturate(2202%) hue-rotate(166deg) brightness(98%) contrast(89%);
}
.sidebar .db-side-nav .nav-tools .top .icon-bar {
  background: white !important;
  padding: 12px 8px !important;
  display: flex !important;
  justify-content: space-around;
  align-items: center;
  gap: 4px;
  min-height: 80px;
  box-sizing: border-box;
}
.sidebar .db-side-nav .nav-tools .top .icon-bar .icon-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 6px 4px;
  border-radius: 8px;
  transition: all 0.2s;
  flex: 1;
  border: 2px solid transparent;
}
.sidebar .db-side-nav .nav-tools .top .icon-bar .icon-item .icon-box {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.sidebar .db-side-nav .nav-tools .top .icon-bar .icon-item:hover .icon-box {
  transform: translateY(-2px);
}
.sidebar .db-side-nav .nav-tools .top .nav-mnu {
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.sidebar .db-side-nav .nav-tools .top .nav-mnu .blk-cont {
  background-color: #ffffff;
  height: 100%;
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-direction: column;
}
.sidebar .db-side-nav .nav-tools .top .nav-mnu .blk-cont .mdbscrollBar {
  height: 50vh;
  display: flex;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-top: 5px;
}
.sidebar .db-side-nav .nav-tools .top .nav-mnu .blk-cont .mdbscrollBar .list-items {
  width: 100%;
  position: relative;
  top: 0px;
}
.sidebar .db-side-nav .nav-tools .top .nav-mnu .blk-cont .mdbscrollBar .list-items .li-item {
  min-height: 32px;
  display: flex;
  justify-content: space-between;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 3px;
  align-items: anchor-center;
}
.sidebar .db-side-nav .nav-tools .top .nav-mnu .blk-cont .mdbscrollBar .list-items .li-item .navlink {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar .db-side-nav .nav-tools .top .nav-mnu .blk-cont .mdbscrollBar .list-items .li-item:hover {
  background-color: #e0f2fe;
}
.sidebar .db-side-nav .nav-tools .top .nav-mnu .blk-cont .mdbscrollBar .list-items .li-item.active {
  background-color: #e0f2fe;
}
.sidebar .db-side-nav .nav-tools .top .nav-mnu .blk-cont .mdbscrollBar .list-items .li-item.active .navlink {
  font-weight: 700;
  color: #0083e3;
}
.sidebar .db-side-nav .nav-tools .top .nav-mnu .blk-cont .mdbscrollBar .more-menu .mnu-edit {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.sidebar .db-side-nav .nav-tools .top .nav-mnu .blk-cont .mdbscrollBar .more-menu .dropdown-menu {
  position: fixed;
  width: 100px;
}
.sidebar .db-side-nav .nav-tools .top .nav-mnu > div {
  display: flex;
}
.sidebar .sidebar-bottom-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px;
}
.sidebar .sidebar-bottom-actions .sidebar-builder-btn {
  border-radius: 6px;
  transition: background 0.15s;
}
.sidebar .sidebar-bottom-actions .sidebar-builder-btn:hover {
  background-color: #e0f2fe;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
html {
  direction: ltr;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
html,
body {
  height: 100%;
  overflow: hidden;
}
.smooth-scroll {
  scroll-behavior: smooth;
}
.loadbar-holder {
  top: 53px;
  position: fixed;
  width: 100%;
  z-index: 39;
}
.wrapper {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.int-topnav {
  background-color: #2a2d35;
  height: 50px;
  position: sticky;
  top: 0px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.int-topnav .nvtop {
  display: flex;
  justify-content: space-between;
  height: 50px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.int-topnav .nvtop .lft {
  display: flex;
  width: 160px;
}
.int-topnav .nvtop .lft .brand {
  color: #ffffff;
}
.int-topnav .nvtop .lft .brand span:nth-child(2) {
  color: #0ea5e9;
}
.int-topnav .nvtop .lft .logo {
  background-image: url('/images/logos/datadaylogo440x104.png');
  height: 50px;
  width: 160px;
  background-repeat: no-repeat;
  background-position: 0px 8px;
  background-size: contain;
  display: inline-block;
}
.int-topnav .nvtop .ctr {
  background-color: transparent;
  color: #ffffff;
  font-weight: 500;
  display: flex;
  width: 25%;
  justify-content: center;
}
.int-topnav .nvtop .ctr .text-capitalize {
  font-size: 1.2em;
}
.int-topnav .nvtop .rgt {
  display: flex;
  gap: 16px;
}
.int-topnav .nvtop .rgt .btn-upgrade {
  border: 2px solid #0ea5e9;
  color: #0ea5e9;
  background-color: #ffffff;
  height: 35px;
  align-self: center;
  border-radius: 6px;
  font-weight: 500;
  padding: 2px 16px;
  transition: all 0.2s ease;
}
.int-topnav .nvtop .rgt .btn-upgrade:hover {
  color: #ffffff;
  background-color: #0ea5e9;
}
.int-topnav .nvtop .rgt .user-icon {
  cursor: pointer;
  color: #ffffff;
}
.int-topnav .nvtop .rgt .user-icon .btn-rnd {
  border: 1px solid #0ea5e9;
  width: 36px;
  height: 36px;
  display: inline-block;
  color: #ffffff;
  background-color: #0ea5e9;
  font-size: 1.3em;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  font-weight: 600;
}
.int-topnav .nvtop .rgt .user-icon .btn-rnd:hover {
  background-color: #0d94d1;
}
.int-topnav .nvtop .rgt .dropdown {
  border: 0;
  background-color: transparent;
}
.int-topnav .nvtop .rgt .dropdown-menu {
  top: 37px;
}
.int-topnav .nvtop .rgt .dropdown-menu li {
  display: flex;
  padding-left: 6px;
}
.int-topnav .nvtop .rgt .dropdown-menu li:hover {
  background-color: #e3e6e9;
  border: none;
}
.int-topnav .nvtop .rgt .dropdown-menu .logout a {
  color: #dc2626;
}
.int-topnav .nvtop .rgt .dropdown-menu .logout i {
  filter: invert(36%) sepia(94%) saturate(6431%) hue-rotate(352deg) brightness(93%) contrast(84%);
}
.int-topnav .nvbottom {
  height: 30px;
  color: #ffffff;
}
.int-topnav .nvbottom.btmcolor {
  background-color: #292929;
  padding: 3px 0px;
}
.int-topnav .nvbottom .fa-home {
  font-size: 1.3em;
}
.int-topnav .nvbottom .navpath {
  display: inline-flex;
}
.int-topnav .nvbottom .navpath .dashboard {
  display: inline-flex;
  cursor: pointer;
}
.int-topnav .nvbottom .navpath .ic-arrow-left {
  height: 25px;
  width: 25px;
}
.int-topnav .nvbottom .navpath i {
  margin: 0px 2px;
}
.int-topnav .nvbottom .navpath .link {
  color: #0ea5e9;
}
.int-topnav .nvbottom .navpath .path {
  cursor: pointer;
  display: flex;
}
.int-topnav .hide {
  display: none;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.contact {
  margin-bottom: 100px;
  width: 25vw;
  margin: auto;
  height: 65vh;
}
.contact .top {
  display: flex;
}
.contact label {
  display: block;
}
.contact form input,
.contact form textarea {
  display: inline-block;
  width: 90%;
  resize: none;
}
.contact form .fields {
  margin-bottom: 30px;
}
.contact form .fields > div {
  width: 90%;
  margin: auto;
  margin-bottom: 20px;
}
.contact.inapp {
  margin: auto;
  height: auto;
}
@media (max-width:767px) {
  .contact {
    width: 50vw;
    margin: auto;
  }
}
.contact .icon {
  border-radius: 5px;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  margin-right: 10px;
  background-color: #4f46e5;
  padding: 5px;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.edit-app-dialog .icon-list {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  overflow-y: auto;
  max-height: 12rem;
  max-height: 16rem;
  border: 1px solid #e5e5e5;
  border-radius: .5rem;
  padding: 8px;
}
.edit-app-dialog .icon-list button {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: none;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  align-items: center;
  background-color: transparent;
}
.edit-app-dialog .icon-list button:hover {
  transform: scaleX(1.1) scaleY(1.1);
  background-color: #f9fafb;
}
.edit-app-dialog .icon-list button.selected {
  border: 2px solid #e5e5e5;
  box-shadow: #ffffff 0px 0px 0px 2px, #9ca3af 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
  background-color: #f3f4f6;
}
.edit-app-dialog .color-list {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  overflow-y: auto;
  max-height: 12rem;
  max-height: 16rem;
  border: 1px solid #e5e5e5;
  border-radius: .5rem;
  padding: 8px;
}
.edit-app-dialog .color-list button {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background-color: transparent;
}
.edit-app-dialog .color-list button:hover {
  transform: scaleX(1.1) scaleY(1.1);
}
.edit-app-dialog .color-list button.selected {
  border: 2px solid #e5e5e5;
  box-shadow: #ffffff 0px 0px 0px 2px, #9ca3af 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.user-msg-dialog .msg-data {
  height: 400px;
  overflow: hidden;
  overflow-y: auto;
  font-family: 'Courier New', Consolas, monospace;
  font-size: 13px;
  line-height: 1.4;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 15px;
}
.user-msg-dialog .msg-data .mb-sm {
  margin-bottom: 2px;
}
.user-msg-dialog .msg-data .text-capitalize {
  text-transform: none !important;
}
.user-msg-dialog .msg-data .text-bold {
  font-weight: normal !important;
}
.user-msg-dialog .conflict-table-container {
  margin: 20px 0;
}
.user-msg-dialog .conflict-table-container .table-title {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 14px;
}
.user-msg-dialog .conflict-table-container .conflict-table {
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 15px;
}
.user-msg-dialog .conflict-table-container .conflict-table .table-header {
  display: flex;
  background-color: #f8f9fa;
  border-bottom: 2px solid #ddd;
}
.user-msg-dialog .conflict-table-container .conflict-table .table-header .header-cell {
  font-weight: bold;
  padding: 12px 15px;
  border-right: 1px solid #ddd;
  flex: 1;
}
.user-msg-dialog .conflict-table-container .conflict-table .table-header .header-cell:last-child {
  border-right: none;
}
.user-msg-dialog .conflict-table-container .conflict-table .conflict-table-body {
  height: 200px;
  overflow-y: scroll;
}
.user-msg-dialog .conflict-table-container .conflict-table .table-row {
  display: flex;
  border-bottom: 1px solid #eee;
}
.user-msg-dialog .conflict-table-container .conflict-table .table-row:last-child {
  border-bottom: none;
}
.user-msg-dialog .conflict-table-container .conflict-table .table-row:nth-child(even) {
  background-color: #f9f9f9;
}
.user-msg-dialog .conflict-table-container .conflict-table .table-row .table-cell {
  padding: 10px 15px;
  border-right: 1px solid #eee;
  flex: 1;
}
.user-msg-dialog .conflict-table-container .conflict-table .table-row .table-cell:last-child {
  border-right: none;
}
.user-msg-dialog .conflict-table-container .table-solution {
  font-style: italic;
  color: #666;
  padding: 10px;
  background-color: #f0f8ff;
  border: 1px solid #b8d4f0;
  border-radius: 4px;
}
.user-msg-dialog .file-folder-list {
  max-height: 200px;
  overflow-y: auto;
}
.user-msg-dialog .app-stats .top {
  display: flex;
}
.user-msg-dialog .app-stats .desc div {
  background-color: #ecedef;
  border-radius: 5px;
  padding: 3px;
}
.user-msg-dialog .app-stats .icon {
  border-radius: 5px;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.user-msg-dialog .app-stats .icon.drk-prpl {
  background-color: #4f46e5;
}
.user-msg-dialog .app-stats .icon.litprpl {
  background-color: #f3e8ff;
}
.user-msg-dialog .app-stats .icon.litprpl i {
  filter: invert(38%) sepia(72%) saturate(2910%) hue-rotate(238deg) brightness(100%) contrast(94%);
}
.user-msg-dialog .app-stats .icon.liteblue {
  background-color: #e0f2fe;
}
.user-msg-dialog .app-stats .icon.liteblue i {
  filter: invert(53%) sepia(99%) saturate(1814%) hue-rotate(165deg) brightness(93%) contrast(95%);
}
.user-msg-dialog .app-stats .icon.tang {
  background-color: #fef3c7;
}
.user-msg-dialog .app-stats .icon.tang i {
  filter: invert(80%) sepia(28%) saturate(7392%) hue-rotate(354deg) brightness(101%) contrast(99%);
}
.user-msg-dialog .app-stats .icon.mint {
  background-color: #d1fae5;
}
.user-msg-dialog .app-stats .icon.mint i {
  filter: invert(46%) sepia(91%) saturate(649%) hue-rotate(118deg) brightness(99%) contrast(87%);
}
.user-msg-dialog .app-stats .icon.pink {
  background-color: #fce7f3;
}
.user-msg-dialog .app-stats .icon.pink i {
  filter: invert(58%) sepia(72%) saturate(5127%) hue-rotate(304deg) brightness(95%) contrast(94%);
}
.user-msg-dialog .app-stats .stat-grid {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.user-msg-dialog .app-stats .stat-grid > div {
  border-bottom: 1px solid #ccc;
  display: flex;
  padding: 10px;
  box-shadow: 1px 1px 3px #ebebeb;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.user-msg-dialog .app-stats .stat-grid > div label {
  margin: 0px;
}
.user-msg-dialog .app-stats .top-row {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin-bottom: 30px;
}
.user-msg-dialog .app-stats .top-row .top-stat {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.user-msg-dialog .app-stats .top-row .vertical-separator {
  border-right: 1px solid black;
}
.user-msg-dialog .app-stats .table-container {
  margin-top: 32px;
  height: 30vh;
}
.user-msg-dialog .app-stats .table-container .header {
  flex: 1;
}
.user-msg-dialog .app-stats .table-container .table {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  height: 80%;
  overflow-y: scroll;
}
.user-msg-dialog .app-stats .table-container .table-row {
  display: flex;
  padding: 3px;
}
.user-msg-dialog .app-stats .table-container .table-row > div:first-child {
  flex: 6;
}
.user-msg-dialog .app-stats .table-container .table-row > div:nth-child(2) {
  flex: 1;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.alertpop {
  border: 2px solid #8b5cf6;
  position: fixed;
  top: 5px;
  width: 400px;
  height: 75px;
  left: calc(50% - 200px);
  border-radius: 5px;
  background-color: #8b5cf6;
  color: white;
  z-index: 0;
  transition: ease-in-out 0.8s;
  opacity: 0;
}
.alertpop.open {
  opacity: 1;
  z-index: 9999;
}
.alertpop.error {
  background-color: #e20000;
  border: 2px solid #e20000;
  color: white;
}
.alertpop > div {
  width: inherit;
  height: inherit;
}
.alertpop > div > p {
  text-align: center;
  line-height: 4;
}

.bread-crumb-wrapper .breadcrumb {
  margin: 0px;
  background-color: #fbfbfb;
}

.color-picker #color-input {
  display: none;
}
.color-picker #color-label {
  display: none;
  margin-left: 15px;
  height: 30px;
  width: 50px;
}
.color-picker #color-input:checked ~ #color-picker {
  opacity: 1;
}
.color-picker #color-picker {
  display: flex;
  background-color: white;
  height: 150px;
  width: 185px;
  border: solid 1px #ccc;
  opacity: 0;
  padding: 5px;
}
.color-picker #color-block {
  margin-right: 5px;
}
.color-picker canvas:hover {
  cursor: crosshair;
}

.recaptcha-slug {
  color: #9E9E9E;
  font-size: 0.5em;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */

.maintenance {
  width: 60%;
  margin: auto;
}

.privacy {
  width: 50%;
  margin: auto;
}

.terms {
  width: 50%;
  margin: auto;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.appbuilder-dialog .ngdialog-content {
  width: 95vw !important;
  height: 95vh;
  padding: 0 !important;
  border-radius: 12px;
  overflow: hidden;
}
.appbuilder-dialog .ngdialog-close {
  cursor: pointer;
}
.ai-appbuilder {
  height: 100%;
  display: flex;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.ai-appbuilder .step-input {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
.ai-appbuilder .step-input .input-content {
  max-width: 750px;
  width: 100%;
}
.ai-appbuilder .step-input .input-title {
  font-size: 2em;
  font-weight: 700;
  margin: 0 0 32px 0;
  color: #292929;
}
.ai-appbuilder .step-input .suggestions-section {
  margin-bottom: 40px;
}
.ai-appbuilder .step-input .suggestions-section .suggestions-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 14px;
}
.ai-appbuilder .step-input .suggestions-section .suggestions-label {
  font-size: 1em;
  color: #292929;
  white-space: nowrap;
}
.ai-appbuilder .step-input .suggestions-section .suggestions-label .org-link {
  color: #8b5cf6;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid #8b5cf6;
  padding-bottom: 1px;
  cursor: pointer;
  transition: all 0.15s;
}
.ai-appbuilder .step-input .suggestions-section .suggestions-label .org-link i {
  margin-right: 2px;
  font-size: 0.9em;
}
.ai-appbuilder .step-input .suggestions-section .suggestions-label .org-link:hover {
  color: #6222f3;
  border-bottom-color: #6222f3;
}
.ai-appbuilder .step-input .suggestions-section .category-filters {
  display: flex;
  gap: 8px;
}
.ai-appbuilder .step-input .suggestions-section .category-filters .cat-select {
  padding: 6px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 0.9em;
  background: white;
  cursor: pointer;
  outline: none;
  min-width: 150px;
  max-width: 200px;
}
.ai-appbuilder .step-input .suggestions-section .category-filters .cat-select:focus {
  border-color: #8b5cf6;
}
.ai-appbuilder .step-input .suggestions-section .suggestions-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 80px;
  max-height: 160px;
  overflow-y: auto;
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #f9fafb;
  align-content: flex-start;
}
.ai-appbuilder .step-input .suggestions-section .suggestions-chips .chip {
  padding: 8px 20px;
  border: 1px solid #d1d5db;
  border-radius: 20px;
  font-size: 0.9em;
  color: #374151;
  background: white;
  transition: all 0.15s ease;
}
.ai-appbuilder .step-input .suggestions-section .suggestions-chips .chip:hover {
  background: #f3f4f6;
  border-color: #9ca3af;
}
.ai-appbuilder .step-input .suggestions-section .suggestions-chips .no-suggestions {
  color: #9ca3af;
  font-size: 0.9em;
  font-style: italic;
  padding: 8px;
}
.ai-appbuilder .step-input .prompt-section .prompt-label {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 12px;
  color: #292929;
}
.ai-appbuilder .step-input .prompt-section .prompt-box {
  position: relative;
  border: 1px solid #d1d5db;
  border-radius: 12px;
  overflow: hidden;
  background: white;
}
.ai-appbuilder .step-input .prompt-section .prompt-box textarea {
  width: 100%;
  border: none !important;
  box-shadow: none !important;
  padding: 16px;
  resize: none;
  font-size: 0.95em;
  outline: none;
  font-family: inherit;
}
.ai-appbuilder .step-input .prompt-section .prompt-box .btn-build {
  position: absolute;
  bottom: 12px;
  right: 12px;
  background: #8b5cf6;
  color: white;
  border: none;
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 0.95em;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
}
.ai-appbuilder .step-input .prompt-section .prompt-box .btn-build:hover {
  background: #6f35f4;
}
.ai-appbuilder .step-input .prompt-section .prompt-box .btn-build:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ai-appbuilder .step-input .prompt-section .prompt-box .btn-build i {
  margin-right: 4px;
}
.ai-appbuilder .step-building {
  width: 100%;
  height: 100%;
  display: flex;
}
.ai-appbuilder .step-building .build-left {
  width: 32%;
  border-right: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  padding: 24px;
}
.ai-appbuilder .step-building .build-left .phase-header {
  font-size: 1.1em;
  font-weight: 700;
  margin-bottom: 16px;
  color: #292929;
  display: flex;
  align-items: center;
  gap: 10px;
}
.ai-appbuilder .step-building .build-left .phase-header .phase-spinner {
  color: #8b5cf6;
  font-size: 1.2em;
}
.ai-appbuilder .step-building .build-left .phase-steps {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 0 4px;
}
.ai-appbuilder .step-building .build-left .phase-steps .phase-step {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8em;
  color: #9ca3af;
  font-weight: 600;
}
.ai-appbuilder .step-building .build-left .phase-steps .phase-step .step-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e5e7eb;
  transition: all 0.3s ease;
}
.ai-appbuilder .step-building .build-left .phase-steps .phase-step.active {
  color: #8b5cf6;
}
.ai-appbuilder .step-building .build-left .phase-steps .phase-step.active .step-dot {
  background: #8b5cf6;
  box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.2);
  animation: dotPulse 1.5s ease-in-out infinite;
}
.ai-appbuilder .step-building .build-left .phase-steps .phase-step.done {
  color: #508c00;
}
.ai-appbuilder .step-building .build-left .phase-steps .phase-step.done .step-dot {
  background: #508c00;
  box-shadow: none;
  animation: none;
}
.ai-appbuilder .step-building .build-left .phase-steps .phase-step-line {
  flex: 1;
  height: 2px;
  background: #e5e7eb;
  margin: 0 8px;
  transition: background 0.3s ease;
}
.ai-appbuilder .step-building .build-left .phase-steps .phase-step-line.filled {
  background: #508c00;
}
.ai-appbuilder .step-building .build-left .scale-question {
  margin-bottom: 20px;
  padding: 16px 0;
}
.ai-appbuilder .step-building .build-left .scale-question .scale-question-text {
  font-size: 1em;
  font-weight: 600;
  color: #292929;
  margin-bottom: 16px;
}
.ai-appbuilder .step-building .build-left .scale-question .scale-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ai-appbuilder .step-building .build-left .scale-question .scale-options .btn-scale-option {
  text-align: left;
  padding: 12px 16px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: white;
  color: #374151;
  font-size: 0.9em;
  cursor: pointer;
  transition: all 0.15s ease;
}
.ai-appbuilder .step-building .build-left .scale-question .scale-options .btn-scale-option:hover {
  background: #8b5cf6;
  color: white;
  border-color: #8b5cf6;
}
.ai-appbuilder .step-building .build-left .status-list {
  list-style: none;
  padding-left: 0;
  flex: 1;
  overflow-y: auto;
}
.ai-appbuilder .step-building .build-left .status-list li {
  margin-bottom: 10px;
  color: #374151;
  font-size: 0.95em;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}
.ai-appbuilder .step-building .build-left .status-list li .status-check {
  color: #508c00;
  margin-top: 3px;
  flex-shrink: 0;
}
.ai-appbuilder .step-building .build-left .status-list li .status-spin {
  color: #8b5cf6;
  margin-top: 3px;
  flex-shrink: 0;
}
.ai-appbuilder .step-building .build-left .status-list li .status-err {
  color: #e20000;
  margin-top: 3px;
  flex-shrink: 0;
}
.ai-appbuilder .step-building .build-left .status-list li.error-item {
  color: #e20000;
}
.ai-appbuilder .step-building .build-left .status-list .sub-items {
  list-style: disc;
  padding-left: 32px;
  margin-top: 6px;
  width: 100%;
  flex-basis: 100%;
}
.ai-appbuilder .step-building .build-left .status-list .sub-items li {
  margin-bottom: 4px;
  font-size: 0.9em;
  display: list-item;
  color: #666;
}
.ai-appbuilder .step-building .build-left .build-bottom-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 12px;
}
.ai-appbuilder .step-building .build-left .build-chat-disabled {
  padding: 0;
  color: #0ea5e9;
  font-size: 0.85em;
  font-style: italic;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ai-appbuilder .step-building .build-left .build-chat-disabled i {
  animation: dotPulse 1.5s ease-in-out infinite;
}
.ai-appbuilder .step-building .build-left .btn-cancel-build {
  background: #e5e7eb;
  color: #374151;
  border: none;
  border-radius: 6px;
  padding: 6px 16px;
  font-size: 0.85em;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.15s;
}
.ai-appbuilder .step-building .build-left .btn-cancel-build:hover {
  background: #e20000;
  color: white;
}
.ai-appbuilder .step-building .build-right {
  width: 68%;
  display: flex;
  flex-direction: column;
  padding: 24px;
}
.ai-appbuilder .step-building .build-right .jairy-banner {
  background: linear-gradient(135deg, #7c3aed, #a78bfa);
  color: white;
  padding: 20px 28px;
  border-radius: 12px;
  font-size: 1.3em;
  font-weight: 700;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}
.ai-appbuilder .step-building .build-right .jairy-banner .banner-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: rgba(255, 255, 255, 0.2);
}
.ai-appbuilder .step-building .build-right .jairy-banner .banner-progress .banner-progress-bar {
  height: 100%;
  width: 30%;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 2px;
  animation: progressSlide 2s ease-in-out infinite;
}
.ai-appbuilder .step-building .build-right .skeleton-content {
  flex: 1;
}
.ai-appbuilder .step-building .build-right .skeleton-content .skeleton-layout {
  display: flex;
  gap: 20px;
  height: 100%;
}
.ai-appbuilder .step-building .build-right .skeleton-content .skeleton-sidebar {
  width: 35%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ai-appbuilder .step-building .build-right .skeleton-content .skeleton-sidebar .skel-bar {
  height: 20px;
  background: #f3f4f6;
  border-radius: 10px;
  animation: skeletonPulse 1.8s ease-in-out infinite;
}
.ai-appbuilder .step-building .build-right .skeleton-content .skeleton-sidebar .skel-bar:nth-child(2) {
  animation-delay: 0.2s;
}
.ai-appbuilder .step-building .build-right .skeleton-content .skeleton-sidebar .skel-bar:nth-child(3) {
  animation-delay: 0.4s;
}
.ai-appbuilder .step-building .build-right .skeleton-content .skeleton-sidebar .skel-bar:nth-child(4) {
  animation-delay: 0.6s;
}
.ai-appbuilder .step-building .build-right .skeleton-content .skeleton-main {
  width: 65%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ai-appbuilder .step-building .build-right .skeleton-content .skel-block {
  background: #f3f4f6;
  border-radius: 8px;
  height: 140px;
  animation: skeletonPulse 1.8s ease-in-out infinite;
}
.ai-appbuilder .step-building .build-right .skeleton-content .skel-block.skel-block-lg {
  height: 180px;
}
.ai-appbuilder .step-building .build-right .skeleton-content .skel-row {
  display: flex;
  gap: 20px;
}
.ai-appbuilder .step-building .build-right .skeleton-content .skel-row .skel-block {
  flex: 1;
}
@keyframes skeletonPulse {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes dotPulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
@keyframes progressSlide {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(433%);
  }
}
.ai-appbuilder .step-preview {
  width: 100%;
  height: 100%;
  display: flex;
}
.ai-appbuilder .step-preview .preview-left {
  width: 32%;
  border-right: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
}
.ai-appbuilder .step-preview .preview-left .jairy-header {
  background: linear-gradient(135deg, #390099, #a78bfa);
  color: white;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.1em;
  font-weight: 700;
}
.ai-appbuilder .step-preview .preview-left .jairy-header .jairy-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
}
.ai-appbuilder .step-preview .preview-left .chat-messages {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ai-appbuilder .step-preview .preview-left .chat-messages .chat-msg {
  display: flex;
  flex-wrap: wrap;
}
.ai-appbuilder .step-preview .preview-left .chat-messages .chat-msg.user-msg {
  justify-content: flex-end;
}
.ai-appbuilder .step-preview .preview-left .chat-messages .chat-msg.user-msg .msg-bubble {
  background: #8b5cf6;
  color: white;
  border-radius: 16px 16px 4px 16px;
}
.ai-appbuilder .step-preview .preview-left .chat-messages .chat-msg.user-msg .btn-revert {
  margin-left: auto;
}
.ai-appbuilder .step-preview .preview-left .chat-messages .chat-msg.assistant-msg {
  justify-content: flex-start;
}
.ai-appbuilder .step-preview .preview-left .chat-messages .chat-msg.assistant-msg .msg-bubble {
  background: #f3f4f6;
  color: #292929;
  border-radius: 16px 16px 16px 4px;
}
.ai-appbuilder .step-preview .preview-left .chat-messages .chat-msg .btn-revert {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  padding: 3px 10px;
  font-size: 0.75em;
  background: #e5e7eb;
  color: #6b7280;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.15s;
}
.ai-appbuilder .step-preview .preview-left .chat-messages .chat-msg .btn-revert:hover {
  background: #d1d5db;
  color: #374151;
}
.ai-appbuilder .step-preview .preview-left .chat-messages .chat-msg .btn-revert i {
  font-size: 0.9em;
}
.ai-appbuilder .step-preview .preview-left .chat-messages .chat-msg .confirmation-buttons {
  margin-top: 8px;
}
.ai-appbuilder .step-preview .preview-left .chat-messages .chat-msg .confirmation-buttons .btn {
  margin-right: 8px;
}
.ai-appbuilder .step-preview .preview-left .chat-messages .chat-msg .msg-bubble {
  max-width: 85%;
  padding: 10px 14px;
  font-size: 0.9em;
  line-height: 1.4;
  white-space: pre-wrap;
}
.ai-appbuilder .step-preview .preview-left .chat-messages .chat-msg .msg-bubble.typing {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 12px 18px;
}
.ai-appbuilder .step-preview .preview-left .chat-messages .chat-msg .msg-bubble.typing .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #9ca3af;
  animation: dotBounce 1.4s infinite;
}
.ai-appbuilder .step-preview .preview-left .chat-messages .chat-msg .msg-bubble.typing .dot:nth-child(2) {
  animation-delay: 0.2s;
}
.ai-appbuilder .step-preview .preview-left .chat-messages .chat-msg .msg-bubble.typing .dot:nth-child(3) {
  animation-delay: 0.4s;
}
.ai-appbuilder .step-preview .preview-left .chat-messages .chat-msg .msg-bubble.typing .chat-status-text {
  margin-left: 8px;
  font-size: 0.85em;
  color: #9ca3af;
  font-style: italic;
}
.ai-appbuilder .step-preview .preview-left .chat-input-area {
  padding: 9px 16px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  gap: 8px;
  align-items: center;
}
.ai-appbuilder .step-preview .preview-left .chat-input-area input {
  flex: 1;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 0.9em;
  outline: none;
}
.ai-appbuilder .step-preview .preview-left .chat-input-area input:focus {
  border-color: #8b5cf6;
}
.ai-appbuilder .step-preview .preview-left .chat-input-area input:disabled {
  background: #f9fafb;
  color: #9ca3af;
}
.ai-appbuilder .step-preview .preview-left .chat-input-area .btn-send {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: #8b5cf6;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
}
.ai-appbuilder .step-preview .preview-left .chat-input-area .btn-send:hover {
  background: #6f35f4;
}
.ai-appbuilder .step-preview .preview-left .chat-input-area .btn-send:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ai-appbuilder .step-preview .preview-left .chat-input-area .btn-stop {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: #e20000;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
}
.ai-appbuilder .step-preview .preview-left .chat-input-area .btn-stop:hover {
  background: #b90000;
}
.ai-appbuilder .step-preview .preview-right {
  width: 68%;
  display: flex;
  flex-direction: column;
}
.ai-appbuilder .step-preview .preview-right .preview-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  border-bottom: 1px solid #e5e7eb;
}
.ai-appbuilder .step-preview .preview-right .preview-top-bar .app-name-section {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ai-appbuilder .step-preview .preview-right .preview-top-bar .app-name-section .app-name-input {
  border: none;
  font-size: 1.2em;
  font-weight: 700;
  color: #292929;
  outline: none;
  padding: 4px 8px;
  background: transparent;
  min-width: 200px;
}
.ai-appbuilder .step-preview .preview-right .preview-top-bar .app-name-section .app-name-input::placeholder {
  color: #9ca3af;
}
.ai-appbuilder .step-preview .preview-right .preview-top-bar .app-name-section .app-name-input:focus {
  background: #f9fafb;
  border-radius: 4px;
}
.ai-appbuilder .step-preview .preview-right .preview-top-bar .app-name-section .error {
  color: #e20000;
  font-size: 0.8em;
}
.ai-appbuilder .step-preview .preview-right .preview-top-bar .view-toggle {
  display: flex;
  gap: 4px;
}
.ai-appbuilder .step-preview .preview-right .preview-top-bar .view-toggle .btn-view {
  width: 36px;
  height: 36px;
  border: 1px solid #d1d5db;
  background: white;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: all 0.15s;
}
.ai-appbuilder .step-preview .preview-right .preview-top-bar .view-toggle .btn-view.active {
  background: #0ea5e9;
  color: white;
  border-color: #0ea5e9;
}
.ai-appbuilder .step-preview .preview-right .preview-top-bar .view-toggle .btn-view:hover:not(.active) {
  background: #f9fafb;
}
.ai-appbuilder .step-preview .preview-right .preview-body {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-sidebar {
  width: 220px;
  min-width: 220px;
  border-right: 1px solid #e5e7eb;
  overflow-y: auto;
  padding: 8px 0;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-sidebar .table-item {
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9em;
  color: #374151;
  transition: background 0.1s;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-sidebar .table-item i {
  font-size: 0.85em;
  color: #9ca3af;
  flex-shrink: 0;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-sidebar .table-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-sidebar .table-item:hover {
  background: #f9fafb;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-sidebar .table-item.open {
  background: #e0f2fe;
  color: #0ea5e9;
  font-weight: 600;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-sidebar .table-item.open i {
  color: #0ea5e9;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-content {
  flex: 1;
  overflow: auto;
  padding: 20px;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-content .form-view .form-section {
  margin-bottom: 24px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e5e7eb;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-content .form-view .form-section:last-child {
  border-bottom: none;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-content .form-view .form-section .form-section-header {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 4px;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-content .form-view .form-section .form-section-title {
  font-size: 1.1em;
  font-weight: 700;
  text-transform: capitalize;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-content .form-view .form-section .form-row-number {
  font-size: 0.8em;
  color: #9ca3af;
  font-weight: 500;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-content .form-view .form-section .form-section-line {
  height: 3px;
  background: #0ea5e9;
  margin-bottom: 20px;
  border-radius: 2px;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-content .form-view .form-section .form-fields {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-content .form-view .form-section .form-fields .form-field-row .field-label {
  font-size: 0.75em;
  text-transform: uppercase;
  color: #6b7280;
  font-weight: 600;
  margin-bottom: 2px;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-content .form-view .form-section .form-fields .form-field-row .field-value {
  font-size: 0.9em;
  color: #292929;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-content .grid-view {
  overflow-x: auto;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-content .grid-view table {
  width: 100%;
  font-size: 0.9em;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-content .grid-view table thead th {
  white-space: nowrap;
  font-weight: 600;
  font-size: 0.85em;
  text-transform: capitalize;
  background: #8b5cf6;
  color: white;
  padding: 8px 12px;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-content .grid-view table tbody td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
  padding: 8px 12px;
}
.ai-appbuilder .step-preview .preview-right .preview-body .table-content .no-table-selected {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #9ca3af;
}
.ai-appbuilder .step-preview .preview-right .preview-footer {
  padding: 12px 20px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  align-items: center;
}
.ai-appbuilder .step-preview .preview-right .preview-footer .footer-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}
.ai-appbuilder .step-preview .preview-right .preview-footer .btn-start-over {
  border: 1px solid #d1d5db;
  background: white;
  color: #374151;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 0.9em;
}
.ai-appbuilder .step-preview .preview-right .preview-footer .btn-start-over:hover {
  background: #f9fafb;
}
.ai-appbuilder .step-preview .preview-right .preview-footer .btn-install {
  background: #e20000;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 8px 24px;
  font-size: 0.9em;
  font-weight: 600;
}
.ai-appbuilder .step-preview .preview-right .preview-footer .btn-install:hover {
  background: #b90000;
}
.ai-appbuilder .step-preview .preview-right .preview-footer .btn-install:disabled {
  opacity: 0.5;
}
.ai-appbuilder .step-preview .preview-right .preview-footer .btn-save-changes {
  background: #8b5cf6;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 8px 24px;
  font-size: 0.9em;
  font-weight: 600;
}
.ai-appbuilder .step-preview .preview-right .preview-footer .btn-save-changes:hover {
  background: #6f35f4;
}
.ai-appbuilder .step-preview .preview-right .preview-footer .btn-save-changes:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ai-appbuilder .step-preview .preview-right .preview-footer .btn-save-changes i {
  margin-right: 4px;
}
.ai-appbuilder .step-preview .preview-right .preview-footer .btn-revert-change {
  border: 1px solid #d1d5db;
  background: white;
  color: #374151;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 0.9em;
}
.ai-appbuilder .step-preview .preview-right .preview-footer .btn-revert-change:hover {
  background: #f9fafb;
}
.ai-appbuilder .step-preview .preview-right .preview-footer .btn-revert-change:disabled {
  opacity: 0.5;
}
.ai-appbuilder .step-preview .preview-right .preview-footer .btn-revert-change i {
  margin-right: 4px;
}
.ai-appbuilder .step-preview .preview-right .app-name-display {
  font-size: 1.2em;
  font-weight: 700;
  color: #292929;
  padding: 4px 8px;
}
@keyframes dotBounce {
  0%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-6px);
  }
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.accounts-page {
  width: 80%;
  margin: auto;
  padding-bottom: 40px;
  /* Horizontal Tabs */
  /* Name row layout */
  /* Form Styles */
  /* Button Styles */
  /* API Keys Table */
  /* Alert messages */
}
.accounts-page h2 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.accounts-page .nav-tabs {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  cursor: pointer;
  background-color: #ffffff;
}
.accounts-page .nav-tabs .nav-item {
  display: flex;
  align-items: center;
  padding: 0px 5px;
  cursor: pointer;
}
.accounts-page .nav-tabs .nav-item:hover {
  border-bottom: 3px solid #4185f6;
}
.accounts-page .nav-tabs .nav-item.active {
  border-bottom: 3px solid #4185f6;
}
.accounts-page .nav-tabs .nav-item.active i {
  filter: invert(0%) sepia(5%) saturate(2062%) hue-rotate(17deg) brightness(90%) contrast(92%);
}
.accounts-page .nav-tabs .nav-item.active .nav-link {
  color: #0a0a0a;
}
.accounts-page .nav-tabs .nav-item i {
  filter: invert(51%) sepia(0%) saturate(1%) hue-rotate(347deg) brightness(88%) contrast(91%);
}
.accounts-page .nav-tabs .nav-item .nav-link {
  border: none;
  color: #737373;
  font-weight: 500;
  padding: 10px 20px;
  border-bottom: 2px solid transparent;
}
.accounts-page .name-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.accounts-page .name-row .form-group {
  flex: 1;
  margin-bottom: 0;
}
.accounts-page .form-group {
  margin-bottom: 20px;
}
.accounts-page .form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #555;
}
.accounts-page .form-group .error {
  color: #dc3545;
  font-size: 12px;
  margin-top: 5px;
}
.accounts-page .form-group .form-control {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ced4da;
  padding: 10px 12px;
  transition: border-color 0.15s ease-in-out;
}
.accounts-page .form-group .form-control:focus {
  border-color: #4185f6;
  box-shadow: 0 0 0 0.2rem rgba(65, 133, 246, 0.25);
}
.accounts-page .btn-primary {
  margin-bottom: 20px;
}
.accounts-page .btn-primary .ic-add {
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.accounts-page .btn-primary .ic-white {
  filter: invert(99%) sepia(0%) saturate(124%) hue-rotate(216deg) brightness(118%) contrast(100%);
}
.accounts-page .api-content table {
  border-radius: 4px;
  overflow: hidden;
}
.accounts-page .api-content table th {
  background-color: #f5f7fa;
  font-weight: 600;
  border-bottom: 2px solid #dee2e6;
}
.accounts-page .api-content table td {
  vertical-align: middle;
}
.accounts-page .api-content table .apikeyhld {
  word-break: break-all;
  font-family: monospace;
  font-size: 13px;
}
.accounts-page .api-content .btn-simple {
  padding: 4px 8px;
  background: transparent;
}
.accounts-page .api-content .btn-simple:hover {
  background-color: #f5f7fa;
}
.accounts-page .alert {
  padding: 12px 16px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.accounts-page .alert.alert-success {
  background-color: rgba(40, 167, 69, 0.1);
  border: 1px solid rgba(40, 167, 69, 0.2);
  color: #28a745;
}
.accounts-page .alert.alert-danger {
  background-color: rgba(220, 53, 69, 0.1);
  border: 1px solid rgba(220, 53, 69, 0.2);
  color: #dc3545;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.client-portal .data-menu {
  height: 70px;
  display: inline-block;
  width: 100%;
}
.client-portal .data-menu .back-btn {
  height: 100%;
  width: 50px;
  float: left;
  color: #0ea5e9;
}
.client-portal .data-menu .tool-blk-1 {
  top: 0px;
  height: 100%;
  float: left;
  min-width: 375px;
}
.client-portal .data-menu .tool-blk-1 .db-tb-lbls {
  height: 30px;
}
.client-portal .data-menu .tool-blk-1 .db-tb-lbls .db-lbl {
  display: inline-block;
  font-size: 1.2em;
}
.client-portal .data-menu .tool-blk-1 .db-tb-lbls .tb-lbl {
  display: inline-block;
}
.client-portal .data-menu .tool-blk-1 .db-tb-lbls .tb-lbl form input {
  padding-left: 3px;
  width: 300px;
}
.client-portal .data-menu .tool-blk-1 .main-menu {
  display: flex;
  flex-direction: row;
  height: 20px;
}
.client-portal .data-menu .tool-blk-1 .main-menu span:hover {
  border-bottom: 1px solid #0ea5e9;
}
.client-portal .data-menu .tool-blk-2 {
  width: 40%;
  float: left;
  height: 100%;
}

.help-container {
  display: flex;
  width: 100%;
  height: 100vh;
}
.help-container .support-nav {
  width: 260px;
  background: #f4f4f4;
  padding: 20px;
}
.help-container .support-nav .support-nav-header {
  color: #292929;
}
.help-container .support-nav ul {
  list-style: none;
  padding: 0;
}
.help-container .support-nav ul li {
  padding: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #333333;
  transition: background 0.3s ease-in-out;
}
.help-container .support-nav ul li em {
  width: 24px;
  height: 24px;
}
.help-container .support-nav ul li:hover {
  background: #dbdbdb;
}
.help-container .support-nav ul li.active {
  background: #fff;
  color: #007bff;
}
.help-container .support-content {
  flex-grow: 1;
  padding: 20px;
  text-align: center;
}
.help-container .support-content h2 {
  font-weight: bold;
}
.help-container .support-content h2,
.help-container .support-content h3 {
  text-align: center;
}
.help-container .support-content .action-buttons-contact {
  text-align: center!important;
}
.help-container .support-content .close-button-contact {
  display: none;
}
.help-container .support-content .video-section {
  display: flex;
  gap: 20px;
  justify-content: space-around;
}
.help-container .support-content .video-section .video-card {
  width: 30%;
  background: white;
  padding: 10px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.help-container .support-content .schedule-section {
  margin-top: 40px;
  text-align: center;
}
.help-container .support-content .schedule-section h2,
.help-container .support-content .schedule-section h3 {
  margin-bottom: 10px;
}
.help-container .support-content .schedule-section .timezone-info {
  font-size: 14px;
  margin-bottom: 20px;
}
.help-container .support-content .schedule-section .schedule-widget {
  margin-top: 20px;
}
.schedule-btn {
  padding: 10px 20px;
  background: #6c63ff;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  transition: background 0.3s ease-in-out;
  margin-top: 20px;
}
.schedule-btn:hover {
  background: #3c30ff;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.servicing .data-menu {
  display: flex;
  background-color: #ffffff;
}
.servicing .data-menu .bluef {
  flex-basis: 1%;
}
.servicing .top-sec {
  height: 70px;
  z-index: 5;
  width: calc(100% - 200px);
  display: flex;
}
.servicing .top-sec .search {
  flex-basis: 30%;
  display: flex;
  background-color: #ffffff;
  height: 45px;
}
.servicing .top-sec .search .top {
  display: flex;
  width: 100%;
}
.servicing .top-sec .search .top .hdl {
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-color: #ffffff;
}
.servicing .top-sec .search .top div:nth-child(2n) {
  width: 95%;
  display: flex;
}
.servicing .top-sec .search .top div:nth-child(2n) input {
  width: 99%;
  border: 0px;
  background-color: #ffffff;
}
.servicing .helpdesk {
  display: flex;
  justify-content: center;
  width: calc(99% - 170px);
  font-size: 1.2em;
  height: 70%;
}
.servicing .helpdesk .intro {
  width: 60%;
}
.servicing .helpdesk .intro .top {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.servicing .helpdesk .intro .p1 .desc {
  width: 45%;
  margin: auto;
}
.servicing .helpdesk .intro .p1 .bottom {
  margin: auto;
}
.servicing .helpdesk .intro .p1 .bottom .small {
  font-size: 75%;
}
.servicing .helpdesk .p2 {
  width: 50%;
}
.servicing .helpdesk .p2 .fwrd .addr-cont {
  display: flex;
  flex-direction: column;
}
.servicing .helpdesk .p2 .fwrd .addr-cont button {
  margin: auto;
}
.servicing .helpdesk .p2 .top .fromlabel input {
  width: 300px;
}
.servicing .helpdesk .p2 .top .fromlabel .frmex {
  font-style: italic;
}
.servicing .helpdesk .setup-complete {
  width: 50%;
}
.servicing .helpdesk .setup-complete .addr-cont {
  display: flex;
  flex-direction: column;
}
.servicing .helpdesk .setup-complete .addr-cont button {
  margin: auto;
}
.servicing .helpdesk i {
  color: #0ea5e9;
}
.servicing .data-view {
  width: calc(100% - 200px);
}
.servicing .data-view .srv-main .mail .mail-tools {
  display: flex;
  z-index: 2;
}
.servicing .data-view .srv-main .mail .mail-tools > div {
  display: flex;
  width: 100%;
}
.servicing .data-view .srv-main .mail .mail-tools > div .bulk {
  width: 30px;
}
.servicing .data-view .srv-main .mail .mail-tools > div .links {
  width: 99%;
  margin: auto;
}
.servicing .data-view .srv-main .mail .mail-tools > div .links .bulk-tools {
  display: flex;
}
.servicing .data-view .srv-main .mail .mail-tools > div .links .bulk-tools > div {
  cursor: pointer;
}
.servicing .data-view .srv-main .mail .mail-tools > div .btn {
  height: 35px;
  width: 35px;
  padding: 8px 0px;
  border: 0px;
  margin: 2px auto;
  background-color: #eeeeee;
  color: #000000;
}
.servicing .data-view .srv-main .mail .mail-cont {
  margin-bottom: 50px;
  display: flex;
}
.servicing .data-view .srv-main .mail .mail-cont .mail-list {
  width: 100%;
}
.servicing .data-view .srv-main .mail .mail-cont .mail-list .mail-item {
  display: flex;
  height: 45px;
  cursor: pointer;
  background-color: #f5f5f5;
}
.servicing .data-view .srv-main .mail .mail-cont .mail-list .mail-item:hover {
  background-color: #f0f8ff;
}
.servicing .data-view .srv-main .mail .mail-cont .mail-list .mail-item > span {
  max-height: 94%;
  vertical-align: text-bottom;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  margin: auto;
  white-space: nowrap;
  padding: 6px;
}
.servicing .data-view .srv-main .mail .mail-cont .mail-list .mail-item .bulk {
  width: 30px;
}
.servicing .data-view .srv-main .mail .mail-cont .mail-list .mail-item .from {
  -webkit-flex-basis: 250px;
  flex-basis: 250px;
  width: 250px;
}
.servicing .data-view .srv-main .mail .mail-cont .mail-list .mail-item .message {
  flex: 1 1;
}
.servicing .data-view .srv-main .mail .mail-cont .mail-list .mail-item .attachments {
  flex-basis: 36px;
  width: 36px;
}
.servicing .data-view .srv-main .mail .mail-cont .mail-list .mail-item .date {
  flex-basis: 140px;
  width: 140px;
  font-size: 0.8em;
  text-align: right;
}
.servicing .data-view .srv-main .mail .mail-cont .mail-list .mail-item.unread {
  background-color: #ffffff;
}
.servicing .data-view .srv-main .mail .mail-cont .mail-list .mail-item.unread .from,
.servicing .data-view .srv-main .mail .mail-cont .mail-list .mail-item.unread .subject,
.servicing .data-view .srv-main .mail .mail-cont .mail-list .mail-item.unread .date {
  font-weight: bold;
}
.servicing .mail-rt {
  position: fixed;
  left: calc(99% - 200px);
  width: 200px;
  top: 123px;
  height: 100%;
  padding: 10px 0px 0px 25px;
}
.servicing .mail-rt > div {
  display: flex;
  flex-direction: column;
}
.servicing .mail-rt > div > div {
  cursor: pointer;
  height: 40px;
  display: flex;
}
.servicing .mail-rt > div > div > div:first-child {
  padding: 5px 0px 0px 10px;
}
.servicing .mail-rt > div > div:hover {
  background-color: #ececec;
}
.servicing .mail-rt > div > div:hover a {
  border-bottom: 1px solid #3f5a75 !important;
}
.servicing .mail-rt > div > div.cur-page {
  background-color: #edf2f7;
}
.servicing .mail-rt > div > div.cur-page > div:first-child span {
  font-weight: bold;
}
.servicing .mail-rt > div > div.cur-page.mn-tasks > div:nth-child(2n),
.servicing .mail-rt > div > div.cur-page.mn-trash > div:nth-child(2n),
.servicing .mail-rt > div > div.cur-page.mn-tasks > div:nth-child(3n),
.servicing .mail-rt > div > div.cur-page.mn-trash > div:nth-child(3n) {
  display: inline-block;
}
.servicing .mail-rt > div > div.cur-page.mn-tasks {
  height: 175px;
  display: flex;
  flex-direction: column;
}
.servicing .mail-rt > div > div.cur-page.mn-trash:not(.support) {
  height: 175px;
  display: flex;
  flex-direction: column;
}
.servicing .mail-rt > div > div.mn-tasks > div:nth-child(2n),
.servicing .mail-rt > div > div.mn-trash > div:nth-child(2n) {
  display: none;
}
.servicing .mail-rt > div > div.mn-tasks > div:nth-child(2n) > div:nth-child(2n),
.servicing .mail-rt > div > div.mn-trash > div:nth-child(2n) > div:nth-child(2n) {
  border: 1px solid #e9e9e9;
  overflow-y: scroll;
  height: 136px;
}
.servicing .mail-rt > div > div.mn-tasks > div:nth-child(2n) > div:nth-child(2n) > div:hover,
.servicing .mail-rt > div > div.mn-trash > div:nth-child(2n) > div:nth-child(2n) > div:hover {
  background-color: #ffffff;
}
.servicing .mail-rt > div > div.mn-tasks > div:nth-child(3n),
.servicing .mail-rt > div > div.mn-trash > div:nth-child(3n) {
  display: none;
}
.servicing .mail-rt > div > div i {
  margin: auto 0px;
}
.servicing .mail-rt .dropdown {
  align-self: center;
  right: 0px;
  position: absolute;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.database-main {
  width: 99%;
  height: 95vh;
}
.database-main .mainvw {
  background-color: #f9fafb;
}
.database-main .mainvw .top-bx {
  display: flex;
  margin-bottom: 50px;
  justify-content: space-evenly;
  width: 90%;
  margin: 35px auto 100px;
  border: 1px solid #e8e8eb;
  height: auto;
  padding-bottom: 15px;
}
.database-main .mainvw .top-bx > div {
  height: 250px;
  width: 400px;
}
.database-main .mainvw .top-bx ul {
  list-style: none;
}
.database-main .mainvw .top-bx ul li {
  display: flex;
}
.database-main .mainvw .top-bx .vert-line {
  border-left: 1px solid #e8e8eb;
  width: 1px;
  margin-top: 10px;
}
.database-main .mainvw .tools {
  display: flex;
  justify-content: flex-end;
  width: 90%;
  margin: 20px auto;
  gap: 12px;
}
.database-main .mainvw .tools .filter {
  display: flex;
  gap: 12px;
}
.database-main .mainvw .tools .filter .dropdown {
  border: 1px solid #D1D5DB;
  min-width: 160px;
  height: 40px;
  cursor: pointer;
  border-radius: 6px;
  background: #ffffff;
  transition: all 0.2s ease;
  font-weight: 500;
}
.database-main .mainvw .tools .filter .dropdown:hover {
  border-color: #0ea5e9;
}
.database-main .mainvw .tools .filter .dropdown > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  height: 100%;
}
.database-main .mainvw .tools .filter .dropdown > div span {
  font-size: 14px;
  color: #374151;
}
.database-main .mainvw .tools .filter .dropdown > div i {
  color: #6B7280;
}
.database-main .mainvw .tools .filter .dropdown ul li {
  padding: 8px 12px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.15s ease;
}
.database-main .mainvw .tools .filter .dropdown ul li:hover {
  background-color: #F3F4F6;
}
.database-main .mainvw .app-grid-cont .app-grid {
  display: flex;
  width: 90%;
  height: 100%;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: space-start;
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  width: 280px;
  margin: 12px;
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app.create {
  border: 2px dashed #8B5CF6;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 240px;
  background: #ffffff;
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app.create .btn-primary {
  margin: auto;
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app .top {
  height: 96px;
  background: #0ea5e9;
  position: relative;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: space-between;
  display: flex;
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app .top i.ic-star-filled,
.database-main .mainvw .app-grid-cont .app-grid .mdb-app .top i.ic-star {
  border-radius: 5px;
  top: 4px;
  position: relative;
  right: 5px;
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app .top .ic-edit {
  opacity: 0;
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app .top:hover .ic-edit {
  opacity: 1;
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app .top > div {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app .top .pull-right {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app .top .pull-right:hover {
  background: rgba(255, 255, 255, 0.3);
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app .mdb-app-body {
  background-color: #ffffff;
  padding: 16px;
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app .mdb-app-body span:first-child {
  font-size: 18px;
  font-weight: 600;
  color: #292929;
  margin-bottom: 4px;
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app .mdb-app-body span {
  font-size: 14px;
  color: #6B7280;
  text-transform: capitalize;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  display: block;
  margin-top: 4px;
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app .app-footer {
  background-color: #ffffff;
  border-top: 1px solid #F3F4F6;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app .app-footer > div {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #6B7280;
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app .app-footer .more-menu i {
  color: #9CA3AF;
  transition: color 0.2s ease;
}
.database-main .mainvw .app-grid-cont .app-grid .mdb-app .app-footer .more-menu i:hover {
  color: #4B5563;
}
.database-main .mainvw .app-grid-cont .card-filter-empty-msg {
  width: 14vw;
  margin: auto;
  text-align: center;
}
.database-main .mainvw .setup-steps {
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* Adds spacing between steps */
}
.database-main .mainvw .step-item {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.database-main .mainvw .step-item :hover {
  cursor: pointer;
}
.database-main .mainvw .step-circle {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: lightgray;
  color: white;
  font-weight: bold;
  margin-right: 10px;
}
.database-main .mainvw .completed div {
  background-color: #7433e5 !important;
}
.database-main .mainvw .completed span {
  color: #7433e5 !important;
}
.database-main .mainvw .progress-bar {
  position: relative;
  width: 100%;
  height: 4px;
  background-color: #e0e0e0;
  margin: 1rem 0 1rem 0;
}
.database-main .mainvw .progress {
  height: 100%;
  background-color: #0091ff;
  transition: width 0.3s ease;
}
.database-main .mainvw .progress-container {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.tm-dialog {
  padding-bottom: 160px !important;
  padding-top: 20px !important;
}
.tm-dialog .ngdialog-content {
  background-color: #ffffff !important;
  max-width: 1200px;
  width: 60% !important;
  height: 83vh;
  overflow: hidden;
}
.team-management-page .profile-tabs {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  cursor: pointer;
  background-color: #ffffff;
}
.team-management-page .profile-tabs .nav-item {
  display: flex;
  align-items: center;
  padding: 0px 5px;
  cursor: pointer;
}
.team-management-page .profile-tabs .nav-item:hover {
  border-bottom: 3px solid #4185f6;
}
.team-management-page .profile-tabs .nav-item.active {
  border-bottom: 3px solid #4185f6;
}
.team-management-page .profile-tabs .nav-item.active i {
  filter: invert(0%) sepia(5%) saturate(2062%) hue-rotate(17deg) brightness(90%) contrast(92%);
}
.team-management-page .profile-tabs .nav-item.active .nav-link {
  color: #0a0a0a;
}
.team-management-page .profile-tabs .nav-item i {
  filter: invert(51%) sepia(0%) saturate(1%) hue-rotate(347deg) brightness(88%) contrast(91%);
}
.team-management-page .profile-tabs .nav-item .nav-link {
  border: none;
  color: #737373;
  font-weight: 500;
  padding: 10px 20px;
  border-bottom: 2px solid transparent;
}
.team-management-page .users-list .user-info .user-name,
.team-management-page .roles-list .user-info .user-name,
.team-management-page .properties-list .user-info .user-name {
  font-weight: 500;
  margin-bottom: 2px;
}
.team-management-page .users-list .user-info .user-email,
.team-management-page .roles-list .user-info .user-email,
.team-management-page .properties-list .user-info .user-email {
  font-size: 0.9em;
  color: #666;
}
.team-management-page .users-list .badge,
.team-management-page .roles-list .badge,
.team-management-page .properties-list .badge {
  font-size: 1em;
  font-weight: normal;
  color: black;
  background-color: #e9ecef;
  margin-right: 3px;
  padding: 8px;
}
.disabled {
  opacity: 0.65;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.mdb-reg {
  margin-bottom: 100px;
  margin: auto;
  height: 65vh;
  width: 50vw;
}
@media (max-width:767px), (min-width: 768px) and (max-width: 991px) {
  .mdb-reg {
    width: 98%;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 1200px) {
  .mdb-reg {
    width: 70%;
  }
}
@media (min-width: 1835px) {
  .mdb-reg {
    width: 50vw;
  }
}
.mdb-reg form {
  margin: auto;
}
@media (max-width:767px) {
  .mdb-reg form {
    width: 100%;
  }
}
.mdb-reg form .reg-body {
  display: flex;
}
.mdb-reg form .reg-body .lf img {
  height: 300px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mdb-reg form .reg-body .lf img {
    height: 200px;
  }
}
@media (max-width:767px), (min-width: 768px) and (max-width: 991px) {
  .mdb-reg form .reg-body .lf img {
    display: none;
  }
}
.mdb-reg form .reg-body .rt {
  width: 100%;
  display: flex;
  justify-content: center;
}
.mdb-reg form .reg-body .rt > div {
  width: 80%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .mdb-reg form .reg-body .rt > div {
    width: 60%;
  }
}
@media (max-width:767px) {
  .mdb-reg form .reg-body .rt > div {
    width: 98%;
  }
}
.mdb-reg form .reg-body .rt > div .newsletter {
  display: flex;
}
.mdb-reg form .reg-body .rt > div .newsletter input {
  flex-basis: 10%;
}
.mdb-reg form .reg-body .rt > div a.login {
  text-decoration: underline !important;
}
.mdb-reg form .reg-body .rt > div a.login:hover {
  border-bottom: 0px;
}
.mdb-reg form .reg-body input {
  display: inline-block;
  width: 90%;
}
.mdb-reg form .reg-body .newsletter-checkbox {
  height: 35px;
}
.mdb-reg form .reg-body .by-cont {
  font-size: .8em;
}

.authPage {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 50px;
}
.authPage .left {
  align-items: center;
  flex-direction: column;
  width: 50vw;
  display: flex;
  height: 80vh;
  justify-content: space-evenly;
}
.authPage .bg-dark {
  background-color: #3a3a3a;
}
.authPage .laptopPic {
  width: 380px;
}
.authPage .Logo {
  width: 280px;
  margin-bottom: 20px;
}
.authPage .auth-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 50vw;
  margin: 80px;
}
.authPage .button-containers {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  background-color: #dbdbdb;
}
.authPage .btn {
  width: 200px;
  height: 50px;
  font-size: medium;
  font-weight: bold;
}
.authPage .form-container {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  width: 50%;
}
.authPage .email-check-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}
.authPage .email-check-container .emailLogo {
  width: 130px;
  height: 130px;
  margin: 30px;
}
.authPage .email-check-container .dataDayLogo {
  width: 300px;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.http-404 .top-block {
  height: 90vh;
  width: 50vw;
  margin: auto;
}
.http-404 .top-block .heroimg {
  display: flex;
  justify-content: center;
}
.http-404 .top-block .fa-cloud {
  color: #3429f0;
}

.checkout-page {
  display: flex;
  justify-content: center;
  height: 100%;
}
.checkout-page .left {
  border-right: 1px solid #e2e8f0;
  width: 35%;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.checkout-page .left .plan-details .plan-title {
  font-size: 24px;
  font-weight: 700;
  color: #1e90ff;
  margin-bottom: 8px;
}
.checkout-page .left .plan-details .plan-subtitle {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 32px;
  line-height: 1.4;
}
.checkout-page .left .plan-details .plan-features-list {
  margin-bottom: 32px;
}
.checkout-page .left .plan-details .plan-features-list .feature-item {
  margin-bottom: 16px;
  font-size: 16px;
  color: #374151;
  font-weight: 600;
}
.checkout-page .left .plan-details .plan-pricing-info .price-display .price-amount {
  font-size: 32px;
  font-weight: 700;
  color: #1f2937;
}
.checkout-page .left .plan-details .plan-pricing-info .price-display .price-period {
  font-size: 16px;
  color: #6b7280;
  margin-left: 8px;
}
.checkout-page .left .plan-details .retry-message {
  margin-top: 24px;
  padding: 16px;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
}
.checkout-page .left .plan-details .retry-message p {
  color: #dc2626;
  margin: 0;
}
.checkout-page .right {
  width: 65%;
  overflow: auto;
  height: 76vh;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.checkout-page .right .confirmation-state {
  text-align: center;
}
.checkout-page .right .confirmation-state .confirmation-icon {
  margin-bottom: 32px;
}
.checkout-page .right .confirmation-state .confirmation-icon i {
  font-size: 80px;
  color: #f59e0b;
  border: 4px solid #f59e0b;
  border-radius: 50%;
  padding: 20px;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.checkout-page .right .confirmation-state .confirmation-title {
  font-size: 28px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 24px;
  line-height: 1.3;
}
.checkout-page .right .confirmation-state .confirmation-message {
  color: #6b7280;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 32px;
}
.checkout-page .right .confirmation-state .confirmation-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
}
.checkout-page .right .confirmation-state .confirmation-buttons .btn {
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}
.checkout-page .right .confirmation-state .confirmation-buttons .btn.btn-primary {
  background-color: #1e90ff;
  color: white;
}
.checkout-page .right .confirmation-state .confirmation-buttons .btn.btn-primary:hover {
  background-color: #1a7fd4;
}
.checkout-page .right .confirmation-state .confirmation-buttons .btn.btn-secondary {
  background-color: #e5e7eb;
  color: #374151;
}
.checkout-page .right .confirmation-state .confirmation-buttons .btn.btn-secondary:hover {
  background-color: #d1d5db;
}
.checkout-page .right .success-state {
  text-align: center;
}
.checkout-page .right .success-state .success-icon {
  margin-bottom: 32px;
}
.checkout-page .right .success-state .success-icon i {
  font-size: 80px;
  color: #1e90ff;
  border: 4px solid #1e90ff;
  border-radius: 50%;
  padding: 20px;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.checkout-page .right .success-state .success-title {
  font-size: 28px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 24px;
  line-height: 1.3;
}
.checkout-page .right .success-state .success-email {
  color: #6b7280;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}
.checkout-page .right .error-state {
  text-align: center;
}
.checkout-page .right .error-state .error-icon {
  margin-bottom: 32px;
}
.checkout-page .right .error-state .error-icon i {
  font-size: 80px;
  color: #dc2626;
  border: 4px solid #dc2626;
  border-radius: 50%;
  padding: 20px;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.checkout-page .right .error-state .error-title {
  font-size: 28px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 24px;
  line-height: 1.3;
}
.checkout-page .right .error-state .error-message {
  color: #dc2626;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}
.checkout-page .right #checkout {
  width: 100%;
  height: 100%;
}
.checkout-page .ngdialog-content {
  width: 70vw !important;
  height: 80vh;
  padding: 0 !important;
}

/* Billing Section Styles */
.billing-content {
  max-width: 900px;
  margin: auto;
  /* Current Bill Summary */
  /* Billing Breakdown Table */
  /* Billing History */
  /* Billing Notice */
  /* Action Buttons */
}
.billing-content .loading-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 24px;
  text-align: center;
}
.billing-content .loading-state .spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #e5e7eb;
  border-top: 4px solid #4185f6;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 16px;
}
.billing-content .loading-state p {
  color: #6b7280;
  font-size: 16px;
  margin: 0;
}
.billing-content .current-bill-section {
  background-color: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 32px;
}
.billing-content .current-bill-section .current-bill-header .bill-info .bill-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
}
.billing-content .current-bill-section .current-bill-header .bill-info .bill-row .bill-column {
  flex: 1;
}
.billing-content .current-bill-section .current-bill-header .bill-info .bill-row .bill-column label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: 8px;
  letter-spacing: 0.5px;
}
.billing-content .current-bill-section .current-bill-header .bill-info .bill-row .bill-column .value {
  font-size: 16px;
  font-weight: 500;
  color: #1e293b;
}
.billing-content .current-bill-section .current-bill-header .bill-info .bill-row .bill-column .total-value {
  display: flex;
  align-items: center;
  gap: 8px;
}
.billing-content .current-bill-section .current-bill-header .bill-info .bill-row .bill-column .total-value .amount {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
}
.billing-content .current-bill-section .current-bill-header .bill-info .bill-row .bill-column .total-value .dropdown-arrow {
  color: #64748b;
  cursor: pointer;
  transition: color 0.2s ease;
}
.billing-content .current-bill-section .current-bill-header .bill-info .bill-row .bill-column .total-value .dropdown-arrow:hover {
  color: #4185f6;
}
.billing-content .billing-breakdown-section {
  margin-bottom: 48px;
}
.billing-content .billing-breakdown-section .billing-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.billing-content .billing-breakdown-section .billing-table thead th {
  background-color: #f8fafc;
  padding: 16px 20px;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #64748b;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #e2e8f0;
}
.billing-content .billing-breakdown-section .billing-table thead th:first-child {
  border-top-left-radius: 8px;
}
.billing-content .billing-breakdown-section .billing-table thead th:last-child {
  border-top-right-radius: 8px;
  text-align: right;
}
.billing-content .billing-breakdown-section .billing-table tbody .billing-item-row {
  transition: background-color 0.2s ease;
}
.billing-content .billing-breakdown-section .billing-table tbody .billing-item-row:hover {
  background-color: #f8fafc;
}
.billing-content .billing-breakdown-section .billing-table tbody .billing-item-row td {
  padding: 16px 20px;
  border-bottom: 1px solid #f1f5f9;
  font-size: 14px;
}
.billing-content .billing-breakdown-section .billing-table tbody .billing-item-row td.item-description {
  font-weight: 500;
  color: #1e293b;
}
.billing-content .billing-breakdown-section .billing-table tbody .billing-item-row td.item-quantity,
.billing-content .billing-breakdown-section .billing-table tbody .billing-item-row td.item-price {
  color: #64748b;
  text-align: left;
}
.billing-content .billing-breakdown-section .billing-table tbody .billing-item-row td.item-total {
  font-weight: 600;
  color: #1e293b;
  text-align: right;
}
.billing-content .billing-breakdown-section .billing-table tbody .billing-item-row:last-child td {
  border-bottom: none;
}
.billing-content .billing-history-section {
  margin-bottom: 32px;
}
.billing-content .billing-history-section .history-title {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 20px;
}
.billing-content .billing-history-section .history-list {
  background: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.billing-content .billing-history-section .history-list .history-item {
  position: relative;
  padding: 16px 20px;
  border-bottom: 1px solid #f1f5f9;
  cursor: pointer;
  transition: all 0.2s ease;
}
.billing-content .billing-history-section .history-list .history-item:last-child {
  border-bottom: none;
}
.billing-content .billing-history-section .history-list .history-item .history-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.billing-content .billing-history-section .history-list .history-item .history-row .history-column.plan-type {
  flex: 1;
  font-weight: 500;
  color: #1e293b;
}
.billing-content .billing-history-section .history-list .history-item .history-row .history-column.billing-date {
  flex: 1;
  color: #64748b;
  text-align: center;
}
.billing-content .billing-history-section .history-list .history-item .history-row .history-column.amount {
  flex: 1;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.billing-content .billing-history-section .history-list .history-item .history-row .history-column.amount span {
  font-weight: 600;
  color: #1e293b;
}
.billing-content .billing-history-section .history-list .history-item .history-row .history-column.amount .dropdown-arrow {
  color: #64748b;
  transition: color 0.2s ease;
}
.billing-content .billing-notice {
  background-color: #fef3c7;
  border: 1px solid #f59e0b;
  border-radius: 8px;
  padding: 16px 20px;
  margin-bottom: 32px;
}
.billing-content .billing-notice .notice-content {
  display: flex;
  align-items: center;
  gap: 12px;
}
.billing-content .billing-notice .notice-content .notice-icon {
  color: #f59e0b;
  font-size: 18px;
  margin-top: 2px;
  flex-shrink: 0;
}
.billing-content .billing-notice .notice-content .notice-text {
  color: #92400e;
  font-size: 14px;
  line-height: 1.5;
}
.billing-content .billing-actions {
  display: flex;
  justify-content: flex-start;
  gap: 16px;
}
.billing-content .billing-actions .btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  font-weight: 500;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.billing-content .billing-actions .btn i {
  font-size: 16px;
}
.billing-content .billing-actions .btn.btn-outline-primary {
  border: 1px solid #4185f6;
  color: #4185f6;
  background: transparent;
}
.billing-content .billing-actions .btn.btn-outline-primary:hover {
  background-color: #4185f6;
  color: white;
}
/* Responsive design for billing */
@media (max-width: 768px) {
  .billing-content .current-bill-section .bill-row {
    flex-direction: column;
    gap: 20px;
  }
  .billing-content .billing-table {
    font-size: 12px;
  }
  .billing-content .billing-table thead th,
  .billing-content .billing-table tbody td {
    padding: 12px 8px;
  }
  .billing-content .history-item .history-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .billing-content .history-item .history-row .history-column.billing-date,
  .billing-content .history-item .history-row .history-column.amount {
    text-align: left;
    justify-content: flex-start;
  }
  .billing-content .history-item .history-actions {
    position: static;
    transform: none;
    opacity: 1;
    margin-top: 12px;
  }
}
/* Animation for spinner */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Plans Section Styles */
.plans-content {
  /* Active Plan Table */
  /* Plans Grid */
  /* Plan Cards */
  /* Plan Header */
  /* Plan Pricing */
  /* Plan Features */
  /* Plan Actions */
}
.plans-content .section-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #333;
}
.plans-content .active-plan-section .active-plan-table .table {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.plans-content .active-plan-section .active-plan-table .table th {
  background-color: #f8f9fa;
  font-weight: 600;
  color: #495057;
  border-bottom: 2px solid #dee2e6;
  padding: 16px;
}
.plans-content .active-plan-section .active-plan-table .table td {
  padding: 16px;
  vertical-align: middle;
}
.plans-content .active-plan-section .active-plan-table .table td .editable-users {
  color: #4185f6;
  cursor: pointer;
}
.plans-content .active-plan-section .active-plan-table .table td .editable-users .ic-edit {
  margin-left: 8px;
  opacity: 0.7;
}
.plans-content .plans-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 35px;
  margin-top: 30px;
}
.plans-content .btn-plan-upgrade {
  background: #white;
  color: #8b5cf6;
  font-size: 14px;
  text-decoration: none;
  margin-top: 16px;
  border-radius: 5px !important;
}
.plans-content .plan-card {
  border-radius: 5px;
  padding: 32px 24px;
  position: relative;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  /* Plan Card Variants */
}
.plans-content .plan-card .plan-details-btn {
  color: white;
  font-size: 14px;
  text-decoration: none;
  margin-top: 16px;
}
.plans-content .plan-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.plans-content .plan-card.plan-free {
  background: #fff;
  border: 2px solid #e9ecef;
}
.plans-content .plan-card.plan-team {
  background: #0282e3;
  color: white;
}
.plans-content .plan-card.plan-team .plan-name,
.plans-content .plan-card.plan-team .plan-subtitle,
.plans-content .plan-card.plan-team .price-amount,
.plans-content .plan-card.plan-team .price-period,
.plans-content .plan-card.plan-team .feature-item {
  color: white;
}
.plans-content .plan-card.plan-business {
  background: #8e6dfc;
  color: white;
}
.plans-content .plan-card.plan-business .plan-name,
.plans-content .plan-card.plan-business .plan-subtitle,
.plans-content .plan-card.plan-business .price-amount,
.plans-content .plan-card.plan-business .price-period,
.plans-content .plan-card.plan-business .feature-item {
  color: white;
}
.plans-content .plan-card.plan-enterprise {
  background: #3f3f3f;
  color: white;
}
.plans-content .plan-card.plan-enterprise .plan-name,
.plans-content .plan-card.plan-enterprise .plan-subtitle,
.plans-content .plan-card.plan-enterprise .price-amount,
.plans-content .plan-card.plan-enterprise .price-period,
.plans-content .plan-card.plan-enterprise .feature-item {
  color: white;
}
.plans-content .plan-header {
  text-align: start;
  margin-bottom: 24px;
}
.plans-content .plan-header .plan-name {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}
.plans-content .plan-header .plan-subtitle {
  font-size: 12px;
  opacity: 0.8;
  margin: 0;
}
.plans-content .plan-pricing {
  text-align: center;
  margin-bottom: 32px;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.plans-content .plan-pricing .price-amount {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
}
.plans-content .plan-pricing .price-period {
  font-size: 14px;
  opacity: 0.8;
  margin-left: 8px;
}
.plans-content .plan-features {
  flex-grow: 1;
  margin-bottom: 32px;
}
.plans-content .plan-features .features-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.plans-content .plan-features .features-list .feature-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-size: 14px;
}
.plans-content .plan-features .features-list .feature-item .feature-checkmark {
  width: 16px;
  height: 16px;
  margin-right: 12px;
  flex-shrink: 0;
  background-color: currentColor;
  mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /></svg>') no-repeat center;
  mask-size: contain;
}
.plans-content .plan-actions {
  text-align: center;
  margin-top: auto;
}
.plans-content .plan-actions .plan-button {
  width: 100%;
  padding: 12px 24px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 8px;
  margin-bottom: 16px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.plans-content .plan-actions .plan-button.btn-primary {
  background-color: #9c27b0;
  border-color: #9c27b0;
}
.plans-content .plan-actions .plan-button.btn-primary:hover {
  background-color: #7b1fa2;
  border-color: #7b1fa2;
}
.plans-content .plan-actions .plan-button.btn-outline-secondary {
  color: #0ea5e9;
  background-color: #ffffff;
}
.plans-content .plan-actions .plan-button.btn-outline-light {
  color: white;
  border-color: rgba(255, 255, 255, 0.5);
}
.plans-content .plan-actions .plan-button.btn-outline-light:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: white;
}
.plans-content .plan-actions .plan-details-link {
  margin-top: 8px;
}
.plans-content .plan-actions .plan-details-link .see-features-btn {
  color: inherit;
  text-decoration: none;
  font-size: 14px;
  opacity: 0.8;
}
.plans-content .plan-actions .plan-details-link .see-features-btn:hover {
  opacity: 1;
  text-decoration: underline;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */

.search-main {
  height: 73vh;
}
.search-main .srv-main .view-mail .content .subject .h3 {
  flex-basis: 90%;
}
.search-main .srv-main .mail .mail-tools {
  display: flex;
  height: 40px;
  z-index: 2;
}
.search-main .srv-main .mail .mail-tools > div {
  display: flex;
  width: 99%;
}
.search-main .srv-main .mail .mail-tools > div .bulk {
  width: 30px;
}
.search-main .srv-main .mail .mail-tools > div .links {
  width: 99%;
}
.search-main .srv-main .mail .mail-tools > div .btn {
  border-radius: 50%;
  height: 35px;
  width: 35px;
  padding: 8px 0px;
  border: 0px;
  margin: 2px auto;
}
.search-main .srv-main .mail .task-cont {
  margin-bottom: 50px;
  display: flex;
}
.search-main .srv-main .mail .task-cont .task-list {
  width: calc(99% - 180px);
}
.search-main .srv-main .mail .task-cont .task-list .task-item {
  display: flex;
  height: 45px;
  cursor: pointer;
  background-color: #f5f5f5;
}
.search-main .srv-main .mail .task-cont .task-list .task-item:hover {
  box-shadow: inset -1px 0px 0px 1px #9e9e9e;
}
.search-main .srv-main .mail .task-cont .task-list .task-item > span {
  max-height: 94%;
  vertical-align: text-bottom;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  margin: auto;
  white-space: nowrap;
  padding: 6px;
}
.search-main .srv-main .mail .task-cont .task-list .task-item .bulk {
  width: 30px;
}
.search-main .srv-main .mail .task-cont .task-list .task-item .from {
  -webkit-flex-basis: 250px;
  flex-basis: 250px;
  width: 250px;
}
.search-main .srv-main .mail .task-cont .task-list .task-item .message {
  flex: 1 1;
}
.search-main .srv-main .mail .task-cont .task-list .task-item .attachments {
  flex-basis: 36px;
  width: 36px;
}
.search-main .srv-main .mail .task-cont .task-list .task-item .date {
  flex-basis: 140px;
  width: 140px;
  font-size: 0.8em;
  text-align: right;
}
.search-main .srv-main .mail .task-cont .task-list .task-item.unread {
  background-color: #ffffff;
}
.search-main .srv-main .mail .task-cont .task-list .task-item.unread .from,
.search-main .srv-main .mail .task-cont .task-list .task-item.unread .subject,
.search-main .srv-main .mail .task-cont .task-list .task-item.unread .date {
  font-weight: bold;
}

.settings {
  height: 75vh;
  overflow-y: auto;
  margin-bottom: 50px;
}
.settings .settings-cont {
  width: calc(99% - 180px);
}
.settings .settings-cont .info {
  width: 60%;
  margin: auto;
  position: relative;
  margin-top: 50px;
}
.settings .settings-cont .info > div {
  display: flex;
  margin-bottom: 20px;
}
.settings .settings-cont .info > div > label {
  flex-basis: 30%;
}
.settings .settings-cont .info .email-acct-name,
.settings .settings-cont .info .editable-input {
  width: 250px;
}
.settings .settings-cont .info .tasklist {
  height: 23vh;
  overflow-y: auto;
  padding: 3px;
  border: 1px solid #ccc;
}
.settings .settings-cont .info .tasklist > div {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid;
}
.settings .settings-cont .info .tasklist > div div:first-child {
  line-height: 37px;
  padding-left: 5px;
}
.settings .settings-cont .info .tasktypes > div:first-child,
.settings .settings-cont .info .tags > div:first-child {
  flex-basis: 29%;
}
.settings .settings-cont .info .tasktypes > div:nth-child(2),
.settings .settings-cont .info .tags > div:nth-child(2) {
  flex-basis: 60%;
}
.settings .settings-cont .info .tasktypes > div:nth-child(2) input,
.settings .settings-cont .info .tags > div:nth-child(2) input {
  width: 100%;
}

.stats .stats-cont .info {
  width: 90%;
  margin: auto;
  position: relative;
  margin-bottom: 160px;
}
.stats .stats-cont .info > div > label {
  flex-basis: 30%;
}
.stats .stats-cont .info .chtByStatus-cont {
  position: relative;
  height: 40vh;
  width: 40vw;
  margin: auto;
}
.stats .stats-cont .info #chtByStatus {
  display: block;
  height: 385px;
  width: 570px;
}
.stats .stats-cont .info .sec-list {
  margin-top: 100px;
}
.stats .stats-cont .info .sec-list .list-notcompleted,
.stats .stats-cont .info .sec-list .list-completed,
.stats .stats-cont .info .sec-list .list-deleted {
  border: 1px solid #cccccc75;
  height: 20vh;
  overflow-y: auto;
}
.stats .stats-cont .info .sec-list .tagcol {
  display: flex;
  flex-flow: column;
}
.stats .stats-cont .info .sec-list .tag {
  border: 1px solid #cccccc54;
  border-radius: 4px;
  padding: 2px;
  margin: 2px;
}
.stats .stats-cont .info .tasktypes > div:first-child {
  flex-basis: 29%;
}
.stats .stats-cont .info .tasktypes > div:nth-child(2) {
  flex-basis: 60%;
}
.stats .stats-cont .info .tasktypes > div:nth-child(2) input {
  width: 100%;
}
.stats .stats-cont .info .tasktypes > div:nth-child(2) .tasklist {
  height: 23vh;
  overflow-y: auto;
  padding: 3px;
  border: 1px solid #ccc;
}
.stats .stats-cont .info .tags > div:first-child {
  flex-basis: 29%;
}
.stats .stats-cont .info .tags > div:nth-child(2) {
  flex-basis: 60%;
}
.stats .stats-cont .info .tags > div:nth-child(2) input {
  width: 100%;
}
.stats .stats-cont .info .tags > div:nth-child(2) .tasklist {
  height: 40vh;
  overflow-y: auto;
  padding: 3px;
  border: 1px solid #ccc;
}

.tasks .srv-main .mail .mail-tools {
  display: flex;
  z-index: 2;
}
.tasks .srv-main .mail .mail-tools > div {
  display: flex;
  width: 99%;
}
.tasks .srv-main .mail .mail-tools > div .bulk {
  width: 30px;
}
.tasks .srv-main .mail .mail-tools > div .links {
  width: 99%;
}
.tasks .srv-main .mail .mail-tools > div .btn {
  height: 35px;
  width: 35px;
  padding: 8px 0px;
  border: 0px;
  margin: 2px auto;
  background-color: #eeeeee;
  color: #000000;
}
.tasks .srv-main .mail .task-cont {
  margin-bottom: 50px;
  display: flex;
}
.tasks .srv-main .mail .task-cont .task-list {
  width: 100%;
}
.tasks .srv-main .mail .task-cont .task-list .task-item {
  display: flex;
  height: 45px;
  cursor: pointer;
  background-color: #f5f5f5;
}
.tasks .srv-main .mail .task-cont .task-list .task-item:hover {
  background-color: #f0f8ff;
}
.tasks .srv-main .mail .task-cont .task-list .task-item > span {
  max-height: 94%;
  vertical-align: text-bottom;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  margin: auto;
  white-space: nowrap;
  padding: 6px;
}
.tasks .srv-main .mail .task-cont .task-list .task-item .bulk {
  width: 30px;
}
.tasks .srv-main .mail .task-cont .task-list .task-item .from {
  -webkit-flex-basis: 250px;
  flex-basis: 250px;
  width: 250px;
}
.tasks .srv-main .mail .task-cont .task-list .task-item .message {
  flex: 1 1;
}
.tasks .srv-main .mail .task-cont .task-list .task-item .attachments {
  flex-basis: 36px;
  width: 36px;
}
.tasks .srv-main .mail .task-cont .task-list .task-item .date {
  flex-basis: 140px;
  width: 140px;
  font-size: 0.8em;
  text-align: right;
}
.tasks .srv-main .mail .task-cont .task-list .task-item.unread {
  background-color: #ffffff;
}
.tasks .srv-main .mail .task-cont .task-list .task-item.unread .from,
.tasks .srv-main .mail .task-cont .task-list .task-item.unread .subject,
.tasks .srv-main .mail .task-cont .task-list .task-item.unread .date {
  font-weight: bold;
}

.view-mail .content .mail-cont {
  display: flex;
  flex-direction: column;
}
.view-mail .content .mail-cont .mail-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.61);
}
.view-mail .content .mail-cont .mail-item .from {
  width: 99%;
  display: flex;
}
.view-mail .content .mail-cont .mail-item .from .frmlbl {
  flex-basis: 87%;
}
.view-mail .content .mail-cont .mail-item .msg {
  letter-spacing: .5px;
  line-height: 27px;
  white-space: pre-wrap;
  word-break: break-all;
}
.view-mail .content .mail-cont .mail-item .files .file-cont {
  display: flex;
  flex-direction: column;
}
.view-mail .content .mail-cont .mail-item .files .file-cont .file {
  width: 95%;
}
.view-mail .content .mail-cont .mail-item .files .file-cont .file .menu-active {
  text-overflow: ellipsis;
  overflow: hidden;
}
.view-mail .content .mail-cont .mail-item .files .file-cont .file .menu-active .fa {
  display: none;
}
.view-mail .content .mail-cont .mail-item .files .file-cont .file .menu-active:hover {
  font-weight: bold;
  background-color: #edf2f7;
}
.view-mail .content .mail-cont .mail-item .files .file-cont .file .menu-active:hover .fa {
  display: inline;
}
.view-mail .content .mail-cont .mail-item .attch {
  width: 100%;
}
.view-mail .content .subject {
  display: flex;
}
.view-mail .content .subject .h3 {
  flex-basis: 90%;
}
.view-mail .content .subject .mail-ops {
  flex-basis: 10%;
  display: flex;
  margin: auto 0px;
  justify-content: flex-end;
}
.view-mail .content .subject .mail-ops .btn {
  height: 35px;
  width: 35px;
  padding: 8px 0px;
  border: 0px;
  margin: 2px 2px;
  background-color: #eeeeee;
  color: #000000;
}
.view-mail .content .subject .fa {
  font-size: 1.2em;
}
.view-mail .content .subject .dropdown-toggle {
  height: 35px;
  width: 35px;
  padding: 8px 0px;
  border: 0px;
}
.view-mail .content .subject .dropdown-menu li {
  cursor: pointer;
  padding: 5px;
}
.view-mail .content .subject .dropdown-menu li:hover {
  background-color: #f5f5f5;
}
.view-mail .content .subject .dropdown-menu li div {
  padding: 3px;
}
.view-mail .content .taskrow > div {
  display: flex;
}
.view-mail .content .taskrow > div > div {
  display: flex;
  margin: auto 0px;
  flex-basis: 25%;
}
.view-mail .content .taskrow .task-type > span:first-child {
  width: 140px;
  margin: auto 0px;
}
.view-mail .content .taskrow .task-assign > span:first-child {
  width: 105px;
  margin: auto 0px;
}
.view-mail .content .taskrow .task-assign select {
  width: 200px;
}
.view-mail .content .taskrow .tags > span:first-child {
  width: 92px;
  margin: auto 0px;
}
.view-mail .content .taskrow .tags .tagpkr {
  flex-basis: 45%;
}
.view-mail .content .dlfile {
  height: 0px;
}
.view-mail .content .replybox {
  position: fixed;
  width: 30%;
  border: 1px solid #ededed;
  bottom: 10px;
  background-color: white;
  right: 230px;
  height: 55vh;
  box-shadow: 0px 1px 3px 1px #ccc;
}
.view-mail .content .replybox.rply-min {
  height: 6vh;
}
.view-mail .content .replybox .rpl-hdr {
  height: 40px;
  background-color: #4285f4;
  cursor: pointer;
}
.view-mail .content .replybox .rpl-hdr > span {
  color: #ffffff;
}
.view-mail .content .replybox .reply-msg {
  height: 180px;
}
.view-mail .content .replybox .reply-msg .replbox {
  background-color: #fbfbfb;
  height: inherit;
  width: 100%;
  resize: none;
  overflow-y: auto;
  outline: 0px;
  overflow-x: hidden;
}
.view-mail .content .replybox .reply-attch {
  max-height: 80px;
  overflow-y: scroll;
}
.view-mail .content .replybox .reply-attch > div {
  background-color: aliceblue;
  padding-right: 7px;
  height: 30px;
}
.view-mail .content .replybox .reply-attch > div i {
  cursor: pointer;
}

.trash .srv-main .view-mail .content .subject .h3 {
  flex-basis: 93%;
}
.trash .srv-main .mail .mail-tools {
  display: flex;
  z-index: 2;
}
.trash .srv-main .mail .mail-tools > div {
  display: flex;
  width: 99%;
}
.trash .srv-main .mail .mail-tools > div .bulk {
  width: 30px;
}
.trash .srv-main .mail .mail-tools > div .links {
  width: 99%;
}
.trash .srv-main .mail .mail-tools > div .btn {
  height: 35px;
  width: 35px;
  padding: 8px 0px;
  border: 0px;
  margin: 2px auto;
  background-color: #eeeeee;
  color: #000000;
}
.trash .srv-main .mail .trash-cont {
  margin-bottom: 50px;
  display: flex;
}
.trash .srv-main .mail .trash-cont .trash-list {
  width: 100%;
}
.trash .srv-main .mail .trash-cont .trash-list .trash-item {
  display: flex;
  height: 45px;
  cursor: pointer;
  background-color: #f5f5f5;
}
.trash .srv-main .mail .trash-cont .trash-list .trash-item:hover {
  background-color: #f0f8ff;
}
.trash .srv-main .mail .trash-cont .trash-list .trash-item > span {
  max-height: 94%;
  vertical-align: text-bottom;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  margin: auto;
  white-space: nowrap;
  padding: 6px;
}
.trash .srv-main .mail .trash-cont .trash-list .trash-item .bulk {
  width: 30px;
}
.trash .srv-main .mail .trash-cont .trash-list .trash-item .from {
  -webkit-flex-basis: 250px;
  flex-basis: 250px;
  width: 250px;
}
.trash .srv-main .mail .trash-cont .trash-list .trash-item .message {
  flex: 1 1;
}
.trash .srv-main .mail .trash-cont .trash-list .trash-item .attachments {
  flex-basis: 36px;
  width: 36px;
}
.trash .srv-main .mail .trash-cont .trash-list .trash-item .date {
  flex-basis: 140px;
  width: 140px;
  font-size: 0.8em;
  text-align: right;
}
.trash .srv-main .mail .trash-cont .trash-list .trash-item.unread {
  background-color: #ffffff;
}
.trash .srv-main .mail .trash-cont .trash-list .trash-item.unread .from,
.trash .srv-main .mail .trash-cont .trash-list .trash-item.unread .subject,
.trash .srv-main .mail .trash-cont .trash-list .trash-item.unread .date {
  font-weight: bold;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.app-dash .app-dash-body {
  width: 90%;
  margin: auto;
  padding: 20px 0;
}
.app-dash .app-dash-body .top {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}
.app-dash .app-dash-body .top .card {
  background-color: #ffffff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.app-dash .app-dash-body .top .card:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.app-dash .app-dash-body .top .card .ctop {
  display: flex;
  padding: 20px;
  gap: 16px;
}
.app-dash .app-dash-body .top .card .ctop .lft div {
  background-color: #0ea5e9;
  color: #ffffff;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 600;
}
.app-dash .app-dash-body .top .card .ctop .rht {
  flex: 1;
  min-width: 0;
}
.app-dash .app-dash-body .top .card .ctop .rht .h4 {
  font-size: 16px;
  font-weight: 600;
  color: #1F2937;
  margin-bottom: 6px;
}
.app-dash .app-dash-body .top .card .ctop .rht > div:not(.h4) {
  font-size: 14px;
  color: #6B7280;
  line-height: 1.5;
}
.app-dash .app-dash-body .top .card .bttm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 12px 20px;
  border-top: 1px solid #F3F4F6;
  transition: background 0.2s ease;
}
.app-dash .app-dash-body .top .card .bttm:hover {
  background-color: #F9FAFB;
}
.app-dash .app-dash-body .top .card .bttm > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.app-dash .app-dash-body .top .card .bttm > div span {
  color: #0ea5e9;
  font-weight: 500;
  font-size: 14px;
}
.app-dash .app-dash-body .top .card .bttm > div i {
  color: #0ea5e9;
}
.app-dash .app-dash-body .top .card .bttm .ic-chevron-right {
  color: #9CA3AF;
}

.createdb {
  background-color: #ffffff;
  font-size: 1.2em;
}
.createdb .tmp-img {
  background-size: cover;
  background-position: center center;
  height: 200px;
  width: 300px;
  border-radius: 5px;
}
.createdb .head-selected {
  display: none !important;
}
.createdb .top-menu {
  display: flex;
  margin-bottom: 30px;
}
.createdb .top-menu .bluef {
  flex-basis: 1%;
}
.createdb .db-logo {
  background-image: url('../../../../../images/misc/database.png');
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  display: inline-block;
}
.createdb .db-gallery {
  -webkit-transition: all linear 0.1s;
  -moz-transition: all linear 0.1s;
  -o-transition: all linear 0.1s;
  transition: all linear 0.1s;
  flex-direction: column;
  height: 100vh;
  overflow-y: auto;
  display: flex;
  flex-direction: row-reverse;
}
.createdb .db-gallery .header {
  width: 80%;
  background-color: white;
  height: 80vh;
  padding: none !important;
  border-radius: 10px;
  margin-right: 45px;
}
.createdb .db-gallery .header .form-container {
  height: 75px;
  border-bottom: 1px solid #DDDDDD;
}
.createdb .db-gallery .header .form-container .db-input {
  width: 100%;
  height: 40px;
  background-color: white;
  font-size: 25px;
  font-family: "Fira Sans", Helvetica, Arial, serif;
  text-transform: capitalize;
  border: none;
  margin-top: 15px;
}
.createdb .db-gallery .header .form-container .error {
  margin-left: 10px;
}
.createdb .db-gallery .header .subhead {
  margin: 15px 0px 15px 0px;
}
.createdb .db-gallery .header .top {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background-color: #ffffff;
}
.createdb .db-gallery .header .top .title-container {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.createdb .db-gallery .header .top .title-container em {
  margin: 15px 15px 0 15px;
  font-size: 25px;
  color: #4285f4;
}
.createdb .db-gallery .header .top .btn {
  height: 40px;
  text-transform: uppercase;
}
.createdb .db-gallery .header .top .btn-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.createdb .db-gallery .header .top .btn-container .btn-cancel {
  color: #4285f4;
  border: 1px solid #4285f4;
  background-color: white;
  margin-right: 15px;
}
.createdb .db-gallery .header .db-name-frm {
  height: 70px;
}
.createdb .db-gallery .header .db-name-frm > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.createdb .db-gallery .header .db-name-frm form input {
  padding-left: 3px;
  width: 300px;
}
.createdb .db-gallery .header .db-desc {
  display: flex;
  flex-direction: column;
  margin: 5px auto;
  height: auto;
  background-color: white;
  border-radius: 10px;
}
.createdb .db-gallery .header .db-desc .table-list {
  height: auto;
}
.createdb .db-gallery .header .db-desc .table-list ul {
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
}
.createdb .db-gallery .header .db-desc .table-list ul li {
  flex: 0 0 25%;
}
.createdb .db-gallery .header .db-desc .db-desc-wrp {
  display: flex;
  flex-direction: column;
}
.createdb .db-gallery .header .db-desc .db-desc-wrp .top {
  display: flex;
  flex-direction: row;
}
.createdb .db-gallery .header .db-desc .db-desc-wrp .top .left {
  width: 60%;
  display: flex;
  flex-direction: column;
}
.createdb .db-gallery .gallery-wrapper {
  display: flex;
  margin: 0 auto;
  margin-top: 8px;
  width: 20%;
}
.createdb .db-gallery .gallery-wrapper .gallery-list {
  flex-wrap: wrap;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  margin-bottom: 150px;
}
.createdb .db-gallery .gallery-wrapper .gallery-list .list-item {
  display: flex;
  justify-content: space-between;
  margin-right: 30px;
  width: 100%;
  cursor: pointer;
  padding: 0px !important;
  list-style-type: none;
}
.createdb .db-gallery .gallery-wrapper .gallery-list .list-item em {
  align-self: center;
  margin-right: 10px;
  display: none;
}
.createdb .db-gallery .gallery-wrapper .gallery-list .list-item div {
  margin-left: 10px;
}
.createdb .db-gallery .gallery-wrapper .gallery-list .list-item:hover,
.createdb .db-gallery .gallery-wrapper .gallery-list .list-item.tmp-selected {
  background-color: #dddddd;
}
.createdb .db-gallery .gallery-wrapper .gallery-list .list-item .em-selected {
  display: block;
}
.createdb .db-gallery .gallery-wrapper .gallery-list .list-item .temp-name {
  font-weight: bold;
  text-align: left;
}
@media only screen and (max-width: 1180px) {
  .createdb .db-gallery .gallery-wrapper .gallery-list .list-item .temp-name {
    font-size: 15px;
  }
}
.createdb .db-gallery .gallery-wrapper ul {
  height: 600px !important;
  padding: 0;
}

.db-mg-cont .delete-container {
  padding: 15px;
  border: 1px solid red;
}
.db-mg-cont .rename-container {
  padding: 15px;
  border: 1px solid green;
  margin-bottom: 20px;
}
.db-mg-cont .rename-container .db-name {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}
.db-mg-cont .delete-title {
  font-size: 22px;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.filestore button {
  height: 40px;
}
.filestore .file-body .topbar {
  display: flex;
  justify-content: space-between;
}
.filestore .file-body .topbar .srcbx {
  border: 1px solid rgba(0, 0, 0, 0.12);
  width: 20%;
  display: flex;
  border-radius: 5px;
}
.filestore .file-body .topbar .srcbx em {
  color: #ddd;
  font-size: 19px;
}
.filestore .file-body .topbar .srcbx input {
  line-height: 33px;
  border: none;
  display: inline-block;
  background-color: transparent;
  width: 89%;
}
.filestore .file-body .topbar .srcbx input:active,
.filestore .file-body .topbar .srcbx input:focus {
  border: none;
}
.filestore .file-body .topbar .search-results {
  margin: auto;
  display: flex;
  width: 50%;
}
.filestore .file-body .topbar .filebtns {
  display: flex;
  justify-content: end;
}
.filestore .file-body .table-list-container {
  width: 95%;
  margin: auto;
}
.filestore .file-body .table-list-container .top {
  position: relative;
}
.filestore .file-body .table-list-container .top .file-path {
  display: flex;
  flex-flow: wrap;
  height: 30px;
}
.filestore .file-body .table-list-container .top .file-path .path {
  cursor: pointer;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #fbfbfb;
}
.filestore .file-body .table-list-container .top .file-path .path span {
  max-width: 160px;
  white-space: pre;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
  margin-right: 3px;
}
.filestore .file-body .table-list-container .top .file-path .path span:hover {
  border-bottom: 1px solid #0ea5e9;
}
.filestore .file-body .table-list-container .top .header {
  display: flex;
  height: 50px;
  background-color: #374151;
  color: #ffffff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  align-items: center;
}
.filestore .file-body .table-list-container .top .header .c-checkbox span:before,
.filestore .file-body .table-list-container .top .header .c-checkbox span {
  color: white;
  border-color: white !important;
  border-radius: 4px !important;
}
.filestore .file-body .table-list-container .top .header > div {
  line-height: 35px;
}
.filestore .file-body .table-list-container .top .header .bulk {
  width: 30px;
  padding-left: 4px;
  flex: 1 1 1%;
  margin-top: 15px;
}
.filestore .file-body .table-list-container .top .header .name {
  flex: 1 1 50%;
  cursor: pointer;
}
.filestore .file-body .table-list-container .top .header .mod {
  flex: 1 1 22%;
  cursor: pointer;
}
.filestore .file-body .table-list-container .top .header .tools {
  flex: 1 1 195px;
  border-top-right-radius: 5px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .filestore .file-body .table-list-container .top .header .tools {
    flex: 1 1 195px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .filestore .file-body .table-list-container .top .header .tools {
    flex: 1 1 55px;
  }
}
@media (max-width:767px) {
  .filestore .file-body .table-list-container .top .header .tools {
    flex: 1 1 55px;
  }
}
.filestore .file-body .table-list-container .file-list {
  height: 55vh;
  overflow-y: auto;
  padding-bottom: 200px;
  border-bottom: 1px solid;
}
.filestore .file-body .table-list-container .file-list .upload-prompt {
  display: none;
}
.filestore .file-body .table-list-container .file-list.is-dragover {
  border: 2px dashed #4285f4;
  background-color: #f0f8ff;
}
.filestore .file-body .table-list-container .file-list.is-dragover .upload-prompt {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 35%;
}
.filestore .file-body .table-list-container .file-list.is-dragover .upload-prompt > div {
  margin-top: 30px;
  font-size: 2em;
  background-color: #4285f4;
  padding: 5px;
  color: white;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item {
  display: flex;
  height: 60px;
  cursor: pointer;
  border-bottom: 1px solid #0000001a;
  align-items: center;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item:hover {
  background-color: #e8f3fd !important;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item .bulk {
  width: 30px;
  padding-left: 4px;
  flex: 1 1 1%;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item .name {
  flex: 1 1 50%;
  margin: auto;
  display: flex;
  align-items: center;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item .name .name-lbl {
  max-height: 94%;
  vertical-align: text-bottom;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: 10px;
  display: inline-block;
  width: 85%;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item .name input {
  width: 90%;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item .mod {
  flex: 1 1 22%;
  margin: auto;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item .tools {
  flex: 1 1 195px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .filestore .file-body .table-list-container .file-list .the-list .list-item .tools {
    flex: 1 1 195px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .filestore .file-body .table-list-container .file-list .the-list .list-item .tools {
    flex: 1 1 35px;
  }
}
@media (max-width:767px) {
  .filestore .file-body .table-list-container .file-list .the-list .list-item .tools {
    flex: 1 1 35px;
  }
}
.filestore .file-body .table-list-container .file-list .the-list .list-item .tools .btn {
  background-color: #ffffff;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item .tools .fa {
  font-size: 1.2em;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item .tools .dropdown-toggle {
  background-color: whitesmoke;
  color: black;
  height: 35px;
  width: 35px;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item .tools .dropdown-toggle .fa {
  vertical-align: middle;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item .tools .dropdown-menu li {
  cursor: pointer;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item .tools .dropdown-menu li:hover {
  background-color: #f5f5f5;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item .tools .dropdown-menu li div {
  padding: 3px;
  display: flex;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item .tools .dropdown-menu li a {
  border-bottom: 0px;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item.ui-draggable-dragging {
  z-index: 22;
  width: 20%;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item.ui-draggable-dragging .bulk,
.filestore .file-body .table-list-container .file-list .the-list .list-item.ui-draggable-dragging .mod,
.filestore .file-body .table-list-container .file-list .the-list .list-item.ui-draggable-dragging .tools {
  display: none;
}
.filestore .file-body .table-list-container .file-list .the-list .list-item.drop-hover {
  background-color: #eefdee;
}
.filestore .file-body .table-list-container .file-list .the-list .drag-helper {
  border: 1px solid #078af7;
  background-color: #dfeaf3;
  padding: 3px;
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: 10px;
  display: inline-block;
}
.filestore .file-body .moving-files {
  display: flex;
  position: fixed;
  background-color: #efefef3b;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 999;
}
.filestore .file-body .moving-files .lbl {
  border: 2px solid #baecba;
  margin: auto;
  background-color: #eefdee;
}
.filestore .file-body .file-view {
  border: 1px solid red;
  background-color: #ffffff;
  position: fixed;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  z-index: 999999;
}
.filestore .file-body .file-view .frm {
  display: flex;
  justify-content: center;
}
.filestore .file-body .file-view .frm iframe {
  width: 90vw;
  height: 90vh;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
html {
  direction: ltr;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
html,
body {
  height: 100%;
  overflow: hidden;
}
.smooth-scroll {
  scroll-behavior: smooth;
}
.loadbar-holder {
  top: 53px;
  position: fixed;
  width: 100%;
  z-index: 39;
}
.wrapper {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.db-forms .db-forms-main .tools {
  display: flex;
  justify-content: space-between;
  width: 86%;
  margin: auto;
}
.db-forms .db-forms-main .tools .filter {
  display: flex;
}
.db-forms .db-forms-main .no-forms {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 30%;
  margin: auto;
}
.db-forms .db-forms-main .no-forms > div {
  text-align: center;
}
.db-forms .db-forms-main .tbl-view-wrapper {
  width: 99%;
  margin: auto;
}
.db-forms .db-forms-main .card-footer .lft,
.db-forms .db-forms-main .card-footer .mid {
  display: flex;
  align-items: center;
}
.db-forms .db-forms-main .form-builder-prompt {
  height: 83vh;
}
.db-forms .db-forms-main .form-builder-prompt .blr-choices {
  display: flex;
  justify-content: center;
}
.db-forms .db-forms-main .form-builder-prompt .blr-choices > div {
  border: 2px dashed #8b5cf6;
  height: 200px;
  width: 230px;
  margin: 0px 35px;
  text-align: center;
  padding: 25px;
  cursor: pointer;
  border-radius: 6px;
}
.db-forms .db-forms-main .form-builder-prompt .blr-choices .ai-logo110 {
  display: inline-block;
  height: 110px;
  width: 110px;
  background-color: #f3e8ff;
  border-radius: 6px;
}
.db-forms .db-forms-main .form-builder-prompt .blr-choices .rulerpen {
  background-color: #fff7ec;
  border-radius: 6px;
}
.db-forms .db-forms-main .form-builder-prompt .blr-choices .buildcsv {
  background-color: #eafef6;
  border-radius: 6px;
}
.db-forms .db-forms-main .forms-dashboard {
  display: none;
}

.integrations .srv-list {
  display: flex;
}

.org-setup {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.org-setup .org-setup-modal {
  width: 90%;
  max-width: 500px;
  padding: 2rem;
  text-align: center;
}
.org-setup h1 {
  font-size: 3rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 0.5rem;
}
.org-setup h2 {
  font-size: 2rem;
  color: #666;
  margin-bottom: 2rem;
  font-weight: normal;
}
.org-setup .form-group {
  margin-bottom: 1.5rem;
  text-align: left;
}
.org-setup label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #333;
}
.org-setup input,
.org-setup select {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
}
.org-setup input:focus,
.org-setup select:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.org-setup .name-row {
  display: flex;
  gap: 0.5rem;
}
.org-setup .name-row input {
  flex: 1;
}
.org-setup .form-actions {
  margin-top: 2rem;
  text-align: center;
}
.org-setup .btn-lets-begin {
  background-color: #7B68EE;
  color: white;
  padding: 0.75rem 2rem;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.org-setup .btn-lets-begin:hover {
  background-color: #6A5ACD;
}
.org-setup .btn-lets-begin:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(123, 104, 238, 0.5);
}
.org-setup .ng-invalid.ng-touched {
  border-color: #dc3545 !important;
}
.org-setup .text-danger {
  color: #dc3545;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.query-db {
  width: 88%;
  margin: auto;
  height: 72vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.query-db .table-list {
  border: 1px solid;
  height: 300px;
  overflow: hidden;
  overflow-y: scroll;
}
.query-db .table-list ul {
  margin: 0px;
  width: 100%;
  padding: 0px;
}
.query-db .table-list ul li {
  width: 100%;
  list-style: none;
  border: 1px solid;
  word-break: break-all;
  display: inline-block;
  padding: 3px;
  text-transform: capitalize;
}
.query-db .query-box {
  border-radius: 5px;
  min-height: 500px;
}
.query-db .query-box .query-box-table {
  border-radius: 5px;
}
.query-db .query-box .query-box-table .panel-body {
  overflow-y: scroll;
  height: 50vh;
}
.query-db .query-box .query-box-table table .col-include {
  width: 30px;
  text-align: center;
}
.query-db .query-box .query-box-table table td {
  border: none;
  padding: 5px;
  vertical-align: middle;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.reports-view {
  min-height: 90vh;
}
.reports-view .table-list-container .tools {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: auto;
}
.reports-view .table-list-container .tools .filter {
  display: flex;
}
.reports-view .table-list-container .tools .filter .dropdown {
  border: 1px solid #d8d9da;
  min-width: 160px;
  height: 40px;
  cursor: pointer;
  border-radius: 5px;
}
.reports-view .table-list-container .tools .filter .dropdown > div {
  display: flex;
  justify-content: space-between;
  padding: 3px;
}
.reports-view .table-list-container .tools .filter .dropdown ul li {
  padding: 0px 3px;
}
.reports-view .table-list-container .tools .filter .dropdown ul li:hover {
  background-color: #ccc;
}
.reports-view .table-list-container .body-wrp {
  width: 95%;
  margin: auto;
}
.reports-view .table-list-container .add-template-panel {
  height: 0px;
  overflow: hidden;
  width: 70%;
  margin: 0 auto;
}
.reports-view .table-list-container .add-template-panel.open {
  height: 125px;
}
.reports-view .table-list-container .add-template-panel > input {
  width: 100%;
}
.reports-view .table-list-container .tbl-list {
  box-shadow: -7px 8px 14px -4px #d8d9da;
  border-bottom: 1px solid;
}
.reports-view .table-list-container .tbl-list .header {
  display: flex;
  height: 35px;
  background-color: #374151;
  color: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.reports-view .table-list-container .tbl-list .header > div {
  line-height: 35px;
}
.reports-view .table-list-container .tbl-list .header .name {
  flex: 1 1 80%;
  cursor: pointer;
}
.reports-view .table-list-container .tbl-list .header .actions {
  flex: 1 1 7%;
  border-top-right-radius: 5px;
}
.reports-view .table-list-container .tbl-list .item-list {
  height: 55vh;
  overflow-y: auto;
}
.reports-view .table-list-container .tbl-list .item-list .list-item {
  display: flex;
  height: 45px;
  padding-left: 20px;
}
.reports-view .table-list-container .tbl-list .item-list .list-item:hover {
  background-color: #e8f3fd !important;
}
.reports-view .table-list-container .tbl-list .item-list .list-item.odd {
  background-color: #fff;
}
.reports-view .table-list-container .tbl-list .item-list .list-item .name {
  flex: 1 1 80%;
  cursor: pointer;
  margin: auto;
}
.reports-view .table-list-container .tbl-list .item-list .list-item .actions {
  flex: 1 1 7%;
}
.reports-view .table-list-container .tbl-list .item-list .list-item .actions .btn {
  background-color: #ffffff;
}
.reports-view .table-list-container .tbl-list .templates-list .list-item {
  height: 80px;
  display: flex;
}
.reports-view .table-list-container .tbl-list .templates-list .list-item .tmplfile {
  display: flex;
  flex-flow: column;
}
.reports-view .table-list-container .tbl-list .templates-list .list-item.open {
  height: 125px;
}
.reports-view .table-list-container .tbl-list .templates-list .list-item .file-upload {
  width: 70%;
}
.reports-view .table-list-container .tbl-list .templates-list .list-item .editable-wrap {
  width: 70%;
}
.reports-view .table-list-container .tbl-list .templates-list .list-item .editable-wrap input {
  width: 100%;
}
.reports-view .trial-user-reports-widget {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60vh;
  padding: 20px;
}
.reports-view .trial-user-reports-widget .custom-reporting-card {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 40px;
  text-align: center;
  max-width: 500px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.reports-view .trial-user-reports-widget .custom-reporting-card .icon-container {
  margin-bottom: 24px;
}
.reports-view .trial-user-reports-widget .custom-reporting-card .icon-container .ic-chart-mixed {
  background-color: #0ea5e9;
  color: white;
  border-radius: 8px;
  padding: 16px;
  display: inline-block;
  width: 64px;
  height: 64px;
  line-height: 32px;
  text-align: center;
}
.reports-view .trial-user-reports-widget .custom-reporting-card .content h3 {
  color: #333333;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
  margin-top: 0;
}
.reports-view .trial-user-reports-widget .custom-reporting-card .content p {
  color: #666666;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 24px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.reports-view .trial-user-reports-widget .custom-reporting-card .content .contact-us-btn {
  background-color: #8b5cf6;
  border: none;
  color: white;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.reports-view .trial-user-reports-widget .custom-reporting-card .content .contact-us-btn:hover {
  background-color: #692cf3;
}
.reports-view .trial-user-reports-widget .custom-reporting-card .content .contact-us-btn:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(102, 51, 153, 0.2);
}

.recordpicker .row-list {
  height: 300px;
  overflow: hidden;
  overflow-y: scroll;
}
.recordpicker .row-list .row-item {
  cursor: pointer;
}
.recordpicker .row-list .row-item:hover {
  background-color: rgba(173, 216, 230, 0.3);
}
.recordpicker .row-list .row-item.selected {
  background-color: rgba(173, 216, 230, 0.3);
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.db-tables .data-menu .btn-container {
  display: flex;
}
.db-tables .db-tables-main .tools {
  display: flex;
  justify-content: space-between;
  width: 86%;
  margin: auto;
  position: sticky;
  top: 0px;
  z-index: 2;
  padding: 11px 0px;
  background-color: #f9fafb;
}
.db-tables .db-tables-main .no-tables {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 30%;
  margin: auto;
}
.db-tables .db-tables-main .no-tables > div {
  text-align: center;
}
.db-tables .db-tables-main .tbl-view-wrapper {
  width: 99%;
  margin: auto;
}
.db-tables .db-tables-main .card-footer .lft,
.db-tables .db-tables-main .card-footer .mid {
  display: flex;
  align-items: center;
}
.db-tables .progress {
  display: none;
}

.db-workflows .no-workflows {
  width: 60%;
  margin: 0 auto;
}
.db-workflows .no-workflows .menu-active {
  width: 100px;
}
.db-workflows .table-list-container {
  width: 50%;
  margin: 0 auto;
}
.db-workflows .table-list-container .import-panel {
  display: inline-block;
  width: 100%;
  height: 50px;
}
.db-workflows .table-list-container .tbl-list {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.db-workflows .table-list-container .tbl-list .list-item {
  height: 35px;
  padding-top: 3px;
}
.db-workflows .table-list-container .tbl-list .list-item a {
  line-height: 32px;
}
.db-workflows .table-list-container .tbl-list .list-item .impt-drop {
  float: right;
}
.db-workflows .progress {
  display: none;
}
.db-workflows .complete-msg {
  position: absolute;
  left: 40%;
}

.priv-screen .priv-list-cont .text-capitalize {
  display: inline;
  border: none;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.prop-dialog .ngdialog-content {
  max-width: 1200px;
  width: 30vw !important;
  height: 83vh;
  overflow: hidden;
}
.prop-tab .badge {
  font-size: 1em;
  font-weight: normal;
  color: black;
  background-color: #e9ecef;
  margin-right: 3px;
  padding: 8px;
}
.prop-tab .user-props {
  width: 15%;
  border: 1px solid #d5d4d4;
  padding: 5px;
  border-radius: 5px;
}
.prop-tab .user-props .list,
.prop-tab .user-props .add-pnl {
  height: 33vh;
  padding: 5px;
}
.prop-tab .user-props .list {
  border: 1px solid #eee;
  display: flex;
  height: 47vh;
  overflow-y: auto;
}
.prop-tab .user-props .list .list-cnt {
  width: 90%;
  position: relative;
  top: 0px;
  overflow-y: auto;
}
.prop-tab .user-props .list .list-cnt > div {
  border: 1px solid #d1cfcf;
  border-radius: 5px;
  padding: 3px;
  margin-bottom: 5px;
}
.prop-tab .user-props .list .list-cnt > div .top {
  display: flex;
}
.prop-tab .user-props .list .list-cnt > div .top div:first-child {
  width: 90%;
}
.prop-tab .user-props .list .list-cnt > div .top div:nth-child(2) {
  width: 22px;
}
.prop-tab .user-props .list .list-cnt > div .Text,
.prop-tab .user-props .list .list-cnt > div .Date {
  border: 1px solid #cdcbcb;
  border-radius: 9px;
  width: fit-content;
  padding: 5px;
  font-size: 0.7em;
  margin-top: 6px;
}
.prop-tab .user-props .list .list-cnt > div .desc {
  font-size: 0.8em;
}
.prop-tab .user-props .myscroll {
  height: 100%;
  width: 11px;
  background-color: #eee;
  border: 1px solid #c5c0c0;
  margin-left: 5px;
  position: relative;
  top: 0px;
}
.prop-tab .user-props .myscroll .myscroll-hdl {
  height: 100px;
  background-color: #2f3439;
  width: 9px;
}
.prop-pane {
  width: 80%;
}
.prop-pane .top {
  display: flex;
  justify-content: space-between;
}
.prop-edit-modal {
  height: 100%;
}
.prop-edit-modal form {
  height: 80%;
}
.properties-list {
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.properties-list .properties-list-header {
  display: flex;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
  width: 100%;
  height: 45px;
}
.properties-list .properties-list-header > div {
  padding: 0 15px;
  border-right: 1px solid #ddd;
}
.properties-list .properties-list-header > div:last-child {
  border-right: none;
}
.properties-list .properties-list-header > div.sortable-header {
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
}
.properties-list .properties-list-header > div.sortable-header:hover {
  background-color: #e8e8e8;
}
.properties-list .properties-list-header > div.sortable-header i {
  margin-left: 8px;
  color: #666;
  opacity: 0.7;
}
.properties-list .properties-list-header > div.property-header-name {
  flex: 0 0 200px;
}
.properties-list .properties-list-header > div.property-header-type {
  flex: 0 0 120px;
}
.properties-list .properties-list-header > div.property-header-description {
  flex: 1 1 auto;
}
.properties-list .properties-list-header > div.property-header-actions {
  flex: 0 0 135px;
}
.properties-list .properties-list-body {
  overflow-y: scroll;
  height: 49vh;
}
.properties-list .properties-list-body .property-row {
  display: flex;
  border-bottom: 1px solid #eee;
  transition: background-color 0.2s ease;
}
.properties-list .properties-list-body .property-row:hover {
  background-color: #f9f9f9;
}
.properties-list .properties-list-body .property-row:last-child {
  border-bottom: none;
}
.properties-list .properties-list-body .property-row .property-cell {
  padding: 15px;
  display: flex;
  align-items: center;
  border-right: 1px solid #eee;
}
.properties-list .properties-list-body .property-row .property-cell:last-child {
  border-right: none;
}
.properties-list .properties-list-body .property-row .property-cell.property-cell-name {
  flex: 0 0 200px;
  font-weight: 500;
}
.properties-list .properties-list-body .property-row .property-cell.property-cell-type {
  flex: 0 0 120px;
}
.properties-list .properties-list-body .property-row .property-cell.property-cell-type .badge {
  padding: 4px 8px;
  border-radius: 12px;
}
.properties-list .properties-list-body .property-row .property-cell.property-cell-type .badge.badge-primary {
  background-color: #007bff;
  color: white;
}
.properties-list .properties-list-body .property-row .property-cell.property-cell-type .badge.badge-warning {
  background-color: #ffc107;
  color: #212529;
}
.properties-list .properties-list-body .property-row .property-cell.property-cell-description {
  flex: 1 1 auto;
  color: #666;
}
.properties-list .properties-list-body .property-row .property-cell.property-cell-actions {
  flex: 0 0 120px;
}
.properties-list .properties-list-body .property-row .property-cell.property-cell-actions .btn {
  margin-right: 5px;
}
.properties-list .properties-list-body .property-row .property-cell.property-cell-actions .btn:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  .properties-list .properties-list-header {
    display: none;
  }
  .properties-list .properties-list-body .property-row {
    flex-direction: column;
    padding: 15px;
  }
  .properties-list .properties-list-body .property-row .property-cell {
    padding: 5px 0;
    flex: none;
    width: 100%;
    border-right: none;
  }
  .properties-list .properties-list-body .property-row .property-cell.property-cell-name {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
  }
  .properties-list .properties-list-body .property-row .property-cell.property-cell-type,
  .properties-list .properties-list-body .property-row .property-cell.property-cell-description {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .properties-list .properties-list-body .property-row .property-cell.property-cell-type:before,
  .properties-list .properties-list-body .property-row .property-cell.property-cell-description:before {
    font-weight: 600;
    color: #666;
  }
  .properties-list .properties-list-body .property-row .property-cell.property-cell-type:before {
    content: "Type:";
  }
  .properties-list .properties-list-body .property-row .property-cell.property-cell-description:before {
    content: "Description:";
  }
  .properties-list .properties-list-body .property-row .property-cell.property-cell-actions {
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 10px;
    justify-content: flex-end;
  }
}
@media (max-width: 480px) {
  .properties-list .properties-list-body .property-row .property-cell.property-cell-actions {
    justify-content: center;
  }
  .properties-list .properties-list-body .property-row .property-cell.property-cell-actions .btn {
    margin: 0 10px;
  }
  .properties-list .properties-list-body .property-row .property-cell.property-cell-type,
  .properties-list .properties-list-body .property-row .property-cell.property-cell-description {
    flex-direction: column;
    align-items: flex-start;
  }
  .properties-list .properties-list-body .property-row .property-cell.property-cell-type:before,
  .properties-list .properties-list-body .property-row .property-cell.property-cell-description:before {
    margin-bottom: 5px;
  }
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.role-create-modal {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.role-create-modal .role-form-container {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.role-create-modal .role-form-container .form-group {
  margin-bottom: 15px;
}
.role-create-modal .role-form-container .form-group label {
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
}
.role-create-modal .role-form-container .form-group .form-control {
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 8px 12px;
}
.role-create-modal .role-form-container .form-group .form-control:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.role-create-modal .role-form-container .permissions-section .section-header {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dee2e6;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.role-create-modal .role-form-container .permissions-section .section-header h5 {
  margin: 0;
  font-weight: 600;
}
.role-create-modal .role-form-container .permissions-section .section-header h5 .ic-info {
  margin-left: 5px;
  color: #6c757d;
  cursor: help;
}
.role-create-modal .role-form-container .permissions-section .app-permissions-block {
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 5px;
  background-color: #f8f9fa;
  margin-bottom: 5px;
}
.role-create-modal .role-form-container .permissions-section .app-permissions-block .app-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.role-create-modal .role-form-container .permissions-section .app-permissions-block .app-header h6 {
  margin: 0;
  font-weight: 600;
}
.role-create-modal .role-form-container .permissions-section .app-permissions-block .permissions-table {
  height: 0px;
  overflow-y: hidden;
  transition: ease-in 0.2s;
}
.role-create-modal .role-form-container .permissions-section .app-permissions-block .permissions-table.open {
  height: 100%;
}
.role-create-modal .role-form-container .permissions-section .app-permissions-block .permissions-table .table {
  margin-bottom: 0;
  background-color: #ffffff;
}
.role-create-modal .role-form-container .permissions-section .app-permissions-block .permissions-table .table .thead {
  background-color: #e9ecef;
  font-weight: 600;
  text-align: center;
  padding: 10px;
  display: flex;
}
.role-create-modal .role-form-container .permissions-section .app-permissions-block .permissions-table .table .thead > div {
  width: 25%;
}
.role-create-modal .role-form-container .permissions-section .app-permissions-block .permissions-table .table .thead:first-child {
  text-align: left;
}
.role-create-modal .role-form-container .permissions-section .app-permissions-block .permissions-table .table .tbody {
  display: flex;
  flex-direction: column;
  height: 200px;
  overflow-y: auto;
}
.role-create-modal .role-form-container .permissions-section .app-permissions-block .permissions-table .table .tbody > div {
  display: flex;
  padding: 5px;
}
.role-create-modal .role-form-container .permissions-section .app-permissions-block .permissions-table .table .tbody > div > div {
  width: 25%;
  padding: 10px;
  vertical-align: middle;
}
.role-create-modal .role-form-container .permissions-section .app-permissions-block .permissions-table .table .tbody > div > div input[type="checkbox"] {
  transform: scale(1.8);
  margin: 0;
  accent-color: #007bff;
}
.role-create-modal .role-form-container .users-section .section-header {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dee2e6;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.role-create-modal .role-form-container .users-section .section-header h5 {
  margin: 0;
  font-weight: 600;
}
.role-create-modal .role-form-container .users-section .users-table .table {
  margin-bottom: 0;
}
.role-create-modal .role-form-container .users-section .users-table .table .thead {
  background-color: #ffffff;
  align-items: center;
  display: flex;
  padding: 10px;
}
.role-create-modal .role-form-container .users-section .users-table .table .thead > div {
  width: 40%;
}
.role-create-modal .role-form-container .users-section .users-table .table .tbody .user-avatar-row {
  display: flex;
  align-items: center;
  padding: 10px;
}
.role-create-modal .role-form-container .users-section .users-table .table .tbody .user-avatar-row > div {
  display: flex;
  width: 40%;
}
.role-create-modal .role-form-container .users-section .users-table .table .tbody .user-avatar-row > div .user-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #007bff;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 12px;
  margin-right: 10px;
}
.role-create-modal .modal-footer {
  background-color: #f8f9fa;
  align-items: center;
}
.role-create-modal .side-panel {
  position: absolute;
  top: -14px;
  right: -10px;
  width: 300px;
  height: 100%;
  background-color: white;
  border-left: 1px solid #dee2e6;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}
.role-create-modal .side-panel .side-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}
.role-create-modal .side-panel .side-panel-header h6 {
  margin: 0;
  font-weight: 600;
}
.role-create-modal .side-panel .side-panel-content {
  padding: 15px;
  height: 85%;
  position: absolute;
  overflow-y: auto;
  width: 100%;
}
.role-create-modal .side-panel .side-panel-content .side-panel-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  margin-bottom: 10px;
  background-color: #f8f9fa;
}
.role-create-modal .side-panel .side-panel-content .side-panel-item:hover {
  background-color: #e9ecef;
}
.role-create-modal .side-panel .side-panel-content .side-panel-item .user-avatar-row {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  margin-right: 10px;
}
.role-create-modal .side-panel .side-panel-content .side-panel-item .user-avatar-row .user-avatar {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #007bff;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 10px;
  margin-right: 8px;
  flex-shrink: 0;
}
.role-create-modal .side-panel .side-panel-content .side-panel-item .user-avatar-row .user-avatar span {
  word-break: break-all;
}
.role-create-modal .side-panel .side-panel-content .side-panel-item .user-avatar-row span {
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  min-width: 0;
}
.role-create-modal .side-panel .side-panel-content .side-panel-item .btn {
  flex-shrink: 0;
}
.roles-table .role-row .role-app-list {
  display: flex;
}
.roles-table .role-row .apps-badge {
  display: flex;
}
.roles-table .role-row .users-badge {
  display: flex;
}
.role-users-popup {
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 0;
  min-width: 240px;
  max-width: 300px;
  z-index: 9999;
  display: none;
}
.role-users-popup.open {
  position: absolute;
  display: inline-block;
}
.role-users-popup .popup-header {
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  padding: 8px 12px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.role-users-popup .popup-header button {
  height: 25px;
  width: 25px;
  padding: 2px;
}
.role-users-popup .popup-content {
  padding: 8px;
  max-height: 200px;
  overflow-y: auto;
}
.role-users-popup .popup-content .popup-item {
  padding: 4px 8px;
  border-bottom: 1px solid #f0f0f0;
}
.role-users-popup .popup-content .popup-item:last-child {
  border-bottom: none;
}
.role-users-popup .popup-content .popup-item:hover {
  background-color: #f8f9fa;
}
.roles-list {
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.roles-list .roles-list-header {
  display: flex;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
  width: 100%;
  height: 45px;
}
.roles-list .roles-list-header > div {
  padding: 0 15px;
  border-right: 1px solid #ddd;
}
.roles-list .roles-list-header > div:last-child {
  border-right: none;
}
.roles-list .roles-list-header > div.sortable-header {
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
}
.roles-list .roles-list-header > div.sortable-header:hover {
  background-color: #e8e8e8;
}
.roles-list .roles-list-header > div.sortable-header i {
  margin-left: 8px;
  color: #666;
  opacity: 0.7;
}
.roles-list .roles-list-header > div.role-header-name {
  flex: 1 1 35%;
}
.roles-list .roles-list-header > div.role-header-apps {
  flex: 1 1 30%;
}
.roles-list .roles-list-header > div.role-header-members {
  flex: 0 0 150px;
}
.roles-list .roles-list-header > div.role-header-actions {
  flex: 0 0 135px;
}
.roles-list .roles-list-body {
  overflow-y: scroll;
  height: 49vh;
}
.roles-list .roles-list-body .role-row {
  display: flex;
  border-bottom: 1px solid #eee;
  transition: background-color 0.2s ease;
}
.roles-list .roles-list-body .role-row:hover {
  background-color: #f9f9f9;
}
.roles-list .roles-list-body .role-row:last-child {
  border-bottom: none;
}
.roles-list .roles-list-body .role-row .role-cell {
  padding: 15px;
  display: flex;
  align-items: center;
  border-right: 1px solid #eee;
}
.roles-list .roles-list-body .role-row .role-cell:last-child {
  border-right: none;
}
.roles-list .roles-list-body .role-row .role-cell.role-cell-name {
  flex: 1 1 35%;
  font-weight: 500;
}
.roles-list .roles-list-body .role-row .role-cell.role-cell-apps {
  flex: 1 1 30%;
}
.roles-list .roles-list-body .role-row .role-cell.role-cell-apps .role-app-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.roles-list .roles-list-body .role-row .role-cell.role-cell-members {
  flex: 0 0 150px;
  position: relative;
}
.roles-list .roles-list-body .role-row .role-cell.role-cell-members .users-badge {
  position: relative;
}
.roles-list .roles-list-body .role-row .role-cell.role-cell-members .users-badge .badge {
  cursor: pointer;
}
.roles-list .roles-list-body .role-row .role-cell.role-cell-members .users-badge .users-pop .role-users-popup {
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 0;
  min-width: 240px;
  max-width: 300px;
  z-index: 9999;
  display: none;
}
.roles-list .roles-list-body .role-row .role-cell.role-cell-members .users-badge .users-pop .role-users-popup.open {
  position: absolute;
  display: inline-block;
}
.roles-list .roles-list-body .role-row .role-cell.role-cell-members .users-badge .users-pop .role-users-popup .popup-header {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
}
.roles-list .roles-list-body .role-row .role-cell.role-cell-members .users-badge .users-pop .role-users-popup .user-list {
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.roles-list .roles-list-body .role-row .role-cell.role-cell-members .users-badge .users-pop .role-users-popup .popup-content {
  max-height: 150px;
  overflow-y: auto;
}
.roles-list .roles-list-body .role-row .role-cell.role-cell-members .users-badge .users-pop .role-users-popup .popup-content .popup-item {
  padding: 8px 15px;
  border-bottom: 1px solid #f0f0f0;
}
.roles-list .roles-list-body .role-row .role-cell.role-cell-members .users-badge .users-pop .role-users-popup .popup-content .popup-item:last-child {
  border-bottom: none;
}
.roles-list .roles-list-body .role-row .role-cell.role-cell-actions {
  flex: 0 0 120px;
}
.roles-list .roles-list-body .role-row .role-cell.role-cell-actions .btn {
  margin-right: 5px;
}
.roles-list .roles-list-body .role-row .role-cell.role-cell-actions .btn:last-child {
  margin-right: 0;
}
.roles-section,
.properties-section {
  margin-bottom: 30px;
}
.roles-section .section-header,
.properties-section .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.roles-section .section-header h5,
.properties-section .section-header h5 {
  margin: 0;
  font-weight: 600;
}
.roles-section .section-header .btn-sm,
.properties-section .section-header .btn-sm {
  padding: 5px 10px;
  font-size: 12px;
}
.roles-section .add-role-form,
.properties-section .add-role-form,
.roles-section .add-property-form,
.properties-section .add-property-form {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  padding: 15px;
}
.roles-section .add-role-form .row,
.properties-section .add-role-form .row,
.roles-section .add-property-form .row,
.properties-section .add-property-form .row {
  margin: 0;
}
.roles-section .add-role-form .row .col-md-5,
.properties-section .add-role-form .row .col-md-5,
.roles-section .add-property-form .row .col-md-5,
.properties-section .add-property-form .row .col-md-5,
.roles-section .add-role-form .row .col-md-2,
.properties-section .add-role-form .row .col-md-2,
.roles-section .add-property-form .row .col-md-2,
.properties-section .add-property-form .row .col-md-2 {
  padding: 0 5px;
}
.roles-section .add-role-form .row .btn,
.properties-section .add-role-form .row .btn,
.roles-section .add-property-form .row .btn,
.properties-section .add-property-form .row .btn {
  margin-right: 5px;
}
.roles-section .roles-table .table,
.properties-section .roles-table .table,
.roles-section .properties-table .table,
.properties-section .properties-table .table {
  margin-bottom: 0;
}
.roles-section .roles-table .table th,
.properties-section .roles-table .table th,
.roles-section .properties-table .table th,
.properties-section .properties-table .table th {
  background: #f8f9fa;
  font-weight: 600;
  border-bottom: 2px solid #dee2e6;
}
.roles-section .roles-table .table td,
.properties-section .roles-table .table td,
.roles-section .properties-table .table td,
.properties-section .properties-table .table td {
  vertical-align: middle;
}
.roles-section .roles-table .table td .btn-link,
.properties-section .roles-table .table td .btn-link,
.roles-section .properties-table .table td .btn-link,
.properties-section .properties-table .table td .btn-link {
  padding: 2px 5px;
  color: #666;
}
.roles-section .roles-table .table td .btn-link:hover,
.properties-section .roles-table .table td .btn-link:hover,
.roles-section .properties-table .table td .btn-link:hover,
.properties-section .properties-table .table td .btn-link:hover {
  color: #333;
}
.roles-section .roles-table .text-muted,
.properties-section .roles-table .text-muted,
.roles-section .properties-table .text-muted,
.properties-section .properties-table .text-muted {
  padding: 20px;
  font-style: italic;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.user-modal {
  height: 100%;
}
.user-modal .user-content-wrapper {
  display: flex;
  gap: 30px;
  height: 90%;
}
.user-modal .user-content-wrapper .user-profile-section {
  flex: 0 0 300px;
}
.user-modal .user-content-wrapper .user-profile-section .user-card {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-avatar-large {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #007bff;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: bold;
  margin: 0 auto 15px;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-info {
  margin-bottom: 20px;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-info h4 {
  margin: 0 0 5px 0;
  font-size: 18px;
  font-weight: 600;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-info .user-email {
  color: #666;
  font-size: 14px;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-active-section {
  margin-bottom: 20px;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-active-section .active-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-active-section .active-toggle span {
  font-weight: 500;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-active-section .active-toggle .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-active-section .active-toggle .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-active-section .active-toggle .switch input:checked + .slider {
  background-color: #007bff;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-active-section .active-toggle .switch input:checked + .slider:before {
  transform: translateX(26px);
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-active-section .active-toggle .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-active-section .active-toggle .switch .slider.round {
  border-radius: 24px;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-type-section {
  margin-bottom: 20px;
  text-align: left;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-type-section label {
  font-weight: 500;
  margin-bottom: 5px;
  display: block;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-type-section .form-control {
  width: 100%;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-basic-info {
  text-align: left;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-basic-info .form-group {
  margin-bottom: 15px;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-basic-info .form-group label {
  font-weight: 500;
  margin-bottom: 5px;
  display: block;
}
.user-modal .user-content-wrapper .user-profile-section .user-card .user-basic-info .form-group .text-danger {
  font-size: 12px;
  margin-top: 5px;
}
.user-modal .user-content-wrapper .user-details-section {
  width: 100%;
}
.user-modal .user-content-wrapper .user-details-section .roles-section .add-role-form {
  display: flex;
  justify-content: space-between;
}
.user-modal .user-content-wrapper .user-details-section .roles-section .add-role-form > div:first-child {
  flex-basis: 50%;
}
.user-modal .user-content-wrapper .user-details-section .roles-section .roles-table .role-list-hdr {
  display: flex;
  background-color: #ffffff;
  padding: 3px;
}
.user-modal .user-content-wrapper .user-details-section .roles-section .roles-table .role-list-hdr > div:first-child {
  width: 30%;
}
.user-modal .user-content-wrapper .user-details-section .roles-section .roles-table .role-list-hdr > div:nth-child(2) {
  width: 50%;
}
.user-modal .user-content-wrapper .user-details-section .roles-section .roles-table .role-list-hdr > div:last-child {
  width: 20%;
}
.user-modal .user-content-wrapper .user-details-section .roles-section .roles-table .role-list {
  background-color: #ffffff;
  overflow-y: auto;
  max-height: 155px;
}
.user-modal .user-content-wrapper .user-details-section .roles-section .roles-table .role-list > div {
  display: flex;
  padding: 3px;
}
.user-modal .user-content-wrapper .user-details-section .roles-section .roles-table .role-list > div > div:first-child {
  width: 30%;
}
.user-modal .user-content-wrapper .user-details-section .roles-section .roles-table .role-list > div > div:nth-child(2) {
  width: 50%;
}
.user-modal .user-content-wrapper .user-details-section .roles-section .roles-table .role-list > div > div:last-child {
  width: 20%;
}
.user-modal .user-content-wrapper .user-details-section .properties-section .add-property-form {
  display: flex;
  justify-content: space-between;
}
.user-modal .user-content-wrapper .user-details-section .properties-section .prop-tbl-hdr {
  display: flex;
  background-color: #ffffff;
  padding: 3px;
}
.user-modal .user-content-wrapper .user-details-section .properties-section .prop-tbl-hdr > div:first-child {
  width: 30%;
}
.user-modal .user-content-wrapper .user-details-section .properties-section .prop-tbl-hdr > div:nth-child(2) {
  width: 50%;
}
.user-modal .user-content-wrapper .user-details-section .properties-section .prop-tbl-hdr > div:last-child {
  width: 20%;
}
.user-modal .user-content-wrapper .user-details-section .properties-section .prop-tbl-list {
  background-color: #ffffff;
  overflow-y: auto;
  max-height: 155px;
}
.user-modal .user-content-wrapper .user-details-section .properties-section .prop-tbl-list > div {
  display: flex;
  padding: 3px;
}
.user-modal .user-content-wrapper .user-details-section .properties-section .prop-tbl-list > div > div:first-child {
  width: 30%;
}
.user-modal .user-content-wrapper .user-details-section .properties-section .prop-tbl-list > div > div:nth-child(2) {
  width: 50%;
}
.user-modal .user-content-wrapper .user-details-section .properties-section .prop-tbl-list > div > div:last-child {
  width: 20%;
}
.tm-usertab .users-list {
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.tm-usertab .users-list .users-list-header {
  display: flex;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
  width: 100%;
  height: 45px;
  padding-right: 15px;
}
.tm-usertab .users-list .users-list-header > div {
  padding: 0 15px;
  border-right: 1px solid #ddd;
}
.tm-usertab .users-list .users-list-header > div:last-child {
  border-right: none;
}
.tm-usertab .users-list .users-list-header > div.sortable-header {
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
}
.tm-usertab .users-list .users-list-header > div.sortable-header:hover {
  background-color: #e8e8e8;
}
.tm-usertab .users-list .users-list-header > div.sortable-header i {
  margin-left: 8px;
  color: #666;
  opacity: 0.7;
}
.tm-usertab .users-list .users-list-header > div.user-header-name {
  flex: 1 1 40%;
}
.tm-usertab .users-list .users-list-header > div.user-header-active {
  flex: 0 0 120px;
}
.tm-usertab .users-list .users-list-header > div.user-header-date {
  flex: 0 0 225px;
}
.tm-usertab .users-list .users-list-header > div.user-header-actions {
  flex: 0 0 120px;
}
.tm-usertab .users-list .users-list-body {
  overflow-y: scroll;
  height: 49vh;
}
.tm-usertab .users-list .users-list-body .user-row {
  display: flex;
  border-bottom: 1px solid #eee;
  transition: background-color 0.2s ease;
}
.tm-usertab .users-list .users-list-body .user-row:hover {
  background-color: #f9f9f9;
}
.tm-usertab .users-list .users-list-body .user-row:last-child {
  border-bottom: none;
}
.tm-usertab .users-list .users-list-body .user-row .user-cell {
  padding: 15px;
  display: flex;
  align-items: center;
  border-right: 1px solid #eee;
}
.tm-usertab .users-list .users-list-body .user-row .user-cell:last-child {
  border-right: none;
}
.tm-usertab .users-list .users-list-body .user-row .user-cell.user-cell-name {
  flex: 1 1 40%;
}
.tm-usertab .users-list .users-list-body .user-row .user-cell.user-cell-name .user-info .user-name {
  font-weight: 500;
  margin-bottom: 2px;
}
.tm-usertab .users-list .users-list-body .user-row .user-cell.user-cell-name .user-info .user-email {
  font-size: 13px;
  color: #666;
}
.tm-usertab .users-list .users-list-body .user-row .user-cell.user-cell-active {
  flex: 0 0 120px;
}
.tm-usertab .users-list .users-list-body .user-row .user-cell.user-cell-active .user-status {
  display: inline-block;
}
.tm-usertab .users-list .users-list-body .user-row .user-cell.user-cell-date {
  flex: 0 0 225px;
}
.tm-usertab .users-list .users-list-body .user-row .user-cell.user-cell-actions {
  flex: 0 0 120px;
}
.tm-usertab .users-list .users-list-body .user-row .user-cell.user-cell-actions .btn {
  margin-right: 5px;
}
.tm-usertab .users-list .users-list-body .user-row .user-cell.user-cell-actions .btn:last-child {
  margin-right: 0;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */



/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.move-item .file-path .path {
  cursor: pointer;
}
.move-item .file-path .path:hover {
  border-bottom: 1px #0ea5e9;
}
.move-item .src-list {
  display: flex;
  flex-direction: column;
  width: 95%;
  margin: auto;
  overflow-y: auto;
  height: 200px;
}
.move-item .src-list .list-item {
  height: 45px;
  cursor: pointer;
}
.move-item .src-list .list-item:hover {
  background-color: #f5f5f5;
}
.move-item .src-list .list-item .name {
  flex: 1 1 50%;
  margin: auto;
}
.move-item .src-list .list-item .name .name-lbl {
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: 10px;
  display: inline-block;
}
.move-item .src-list .list-item .name .fa-folder {
  color: #0ea5e9;
}

.ngdialog.file-modal-dialog {
  padding-bottom: 160px;
  padding-top: 10px;
}
.ngdialog.file-modal-dialog .ngdialog-content {
  width: 80%;
}

.csv-form-builder-dialog .ngdialog-content {
  width: 90% !important;
  max-width: 1400px !important;
}
.csv-form-builder-modal .modal-header {
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 25px;
}
.csv-form-builder-modal .modal-header .modal-title {
  margin: 0;
  color: #333;
  font-weight: 500;
}
.csv-form-builder-modal .modal-header .subtitle {
  margin: 5px 0 0;
  color: #666;
  font-size: 14px;
}
.csv-form-builder-modal .modal-body {
  padding: 0;
  max-height: 70vh;
  overflow-y: auto;
}
.csv-form-builder-modal .csv-builder-layout {
  display: flex;
  min-height: 500px;
}
.csv-form-builder-modal .csv-builder-layout .left-section {
  flex: 1;
  padding: 30px;
  border-right: 1px solid #e5e5e5;
  background: #ffffff;
}
.csv-form-builder-modal .csv-builder-layout .left-section .file-upload-area {
  margin-bottom: 30px;
}
.csv-form-builder-modal .csv-builder-layout .left-section .file-upload-area .upload-wrapper {
  border: 2px dashed #d0d0d0;
  border-radius: 8px;
  padding: 40px;
  text-align: center;
  background: white;
  transition: all 0.3s ease;
}
.csv-form-builder-modal .csv-builder-layout .left-section .file-upload-area .upload-wrapper:hover {
  border-color: #007bff;
  background: #f8f9ff;
}
.csv-form-builder-modal .csv-builder-layout .left-section .file-upload-area .upload-wrapper.drag-over {
  border-color: #007bff;
  background: #e8f0ff;
  border-width: 3px;
}
.csv-form-builder-modal .csv-builder-layout .left-section .file-upload-area .upload-wrapper .upload-icon {
  font-size: 48px;
  color: #999;
  margin-bottom: 15px;
}
.csv-form-builder-modal .csv-builder-layout .left-section .file-upload-area .upload-wrapper .upload-text {
  font-size: 16px;
  color: #333;
  margin-bottom: 5px;
}
.csv-form-builder-modal .csv-builder-layout .left-section .file-upload-area .upload-wrapper .upload-text a {
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}
.csv-form-builder-modal .csv-builder-layout .left-section .file-upload-area .upload-wrapper .upload-text a:hover {
  text-decoration: underline;
}
.csv-form-builder-modal .csv-builder-layout .left-section .file-upload-area .upload-wrapper .upload-hint {
  font-size: 13px;
  color: #999;
}
.csv-form-builder-modal .csv-builder-layout .left-section .uploaded-file .file-info {
  display: flex;
  align-items: center;
  padding: 12px;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  margin-bottom: 20px;
}
.csv-form-builder-modal .csv-builder-layout .left-section .uploaded-file .file-info .ic-files {
  font-size: 20px;
  color: #007bff;
  margin-right: 10px;
}
.csv-form-builder-modal .csv-builder-layout .left-section .uploaded-file .file-info .file-name {
  flex: 1;
  color: #333;
  font-size: 14px;
}
.csv-form-builder-modal .csv-builder-layout .left-section .uploaded-file .file-info .ic-close {
  cursor: pointer;
  color: #999;
  font-size: 16px;
}
.csv-form-builder-modal .csv-builder-layout .left-section .uploaded-file .file-info .ic-close:hover {
  color: #d9534f;
}
.csv-form-builder-modal .csv-builder-layout .left-section .uploaded-file .form-name-section {
  margin-bottom: 20px;
}
.csv-form-builder-modal .csv-builder-layout .left-section .uploaded-file .form-name-section label {
  display: block;
  margin-bottom: 8px;
  color: #333;
  font-weight: 500;
  font-size: 14px;
}
.csv-form-builder-modal .csv-builder-layout .left-section .uploaded-file .form-name-section input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}
.csv-form-builder-modal .csv-builder-layout .left-section .uploaded-file .form-name-section input:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
}
.csv-form-builder-modal .csv-builder-layout .left-section .uploaded-file .build-form-btn {
  width: 100%;
  padding: 12px;
  font-size: 16px;
  margin-bottom: 30px;
}
.csv-form-builder-modal .csv-builder-layout .left-section .error-message {
  padding: 12px;
  background: #fff5f5;
  border: 1px solid #ffdddd;
  border-radius: 4px;
  color: #d9534f;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.csv-form-builder-modal .csv-builder-layout .left-section .error-message i {
  margin-right: 8px;
}
.csv-form-builder-modal .csv-builder-layout .left-section .alternative-section .alt-text {
  text-align: center;
  color: #666;
  font-size: 14px;
  margin-bottom: 20px;
}
.csv-form-builder-modal .csv-builder-layout .left-section .alternative-section .option-cards {
  display: flex;
  gap: 15px;
}
.csv-form-builder-modal .csv-builder-layout .left-section .alternative-section .option-cards .option-card {
  flex: 1;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
  background: white;
  cursor: pointer;
  transition: all 0.3s ease;
}
.csv-form-builder-modal .csv-builder-layout .left-section .alternative-section .option-cards .option-card:hover {
  border-color: #007bff;
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}
.csv-form-builder-modal .csv-builder-layout .left-section .alternative-section .option-cards .option-card .card-content {
  text-align: center;
}
.csv-form-builder-modal .csv-builder-layout .left-section .alternative-section .option-cards .option-card .card-content .card-icon-wrapper {
  font-size: 32px;
  color: #007bff;
  margin-bottom: 15px;
}
.csv-form-builder-modal .csv-builder-layout .left-section .alternative-section .option-cards .option-card .card-content .card-text h6 {
  margin: 0 0 8px;
  color: #333;
  font-size: 14px;
  font-weight: 600;
}
.csv-form-builder-modal .csv-builder-layout .left-section .alternative-section .option-cards .option-card .card-content .card-text p {
  margin: 0 0 10px;
  color: #666;
  font-size: 12px;
}
.csv-form-builder-modal .csv-builder-layout .left-section .alternative-section .option-cards .option-card .card-content .card-text .card-link {
  color: #007bff;
  font-size: 13px;
  text-decoration: none;
  font-weight: 500;
}
.csv-form-builder-modal .csv-builder-layout .left-section .alternative-section .option-cards .option-card .card-content .card-text .card-link:hover {
  text-decoration: underline;
}
.csv-form-builder-modal .csv-builder-layout .right-section {
  flex: 1.2;
  padding: 30px;
  background: white;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result {
  height: 100%;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-header,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-header,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-header {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-header .form-name-placeholder,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-header .form-name-placeholder,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-header .form-name-placeholder {
  height: 24px;
  width: 200px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  border-radius: 4px;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-header .form-name-placeholder.animated-pulse,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-header .form-name-placeholder.animated-pulse,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-header .form-name-placeholder.animated-pulse {
  animation: pulse 1.5s ease-in-out infinite;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-header h4,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-header h4,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-header h4 {
  margin: 0;
  color: #333;
  font-weight: 500;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .field-placeholder,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .field-placeholder,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .field-placeholder {
  margin-bottom: 20px;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .field-placeholder .field-bar,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .field-placeholder .field-bar,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .field-placeholder .field-bar {
  height: 40px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  border-radius: 4px;
  width: 100%;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .field-placeholder .field-bar.short,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .field-placeholder .field-bar.short,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .field-placeholder .field-bar.short {
  width: 60%;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .field-placeholder .field-bar.medium,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .field-placeholder .field-bar.medium,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .field-placeholder .field-bar.medium {
  width: 80%;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .field-placeholder .field-bar.animated-pulse,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .field-placeholder .field-bar.animated-pulse,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .field-placeholder .field-bar.animated-pulse {
  animation: pulse 1.5s ease-in-out infinite;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .column-mapping-section,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .column-mapping-section,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .column-mapping-section {
  margin-bottom: 30px;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .column-mapping-section h5,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .column-mapping-section h5,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .column-mapping-section h5 {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .column-mapping-section .field-list .field-item,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .column-mapping-section .field-list .field-item,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .column-mapping-section .field-list .field-item {
  display: flex;
  align-items: center;
  padding: 10px;
  background: #f8f8f8;
  border-radius: 4px;
  margin-bottom: 10px;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .column-mapping-section .field-list .field-item .field-name,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .column-mapping-section .field-list .field-item .field-name,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .column-mapping-section .field-list .field-item .field-name {
  flex: 1;
  display: flex;
  align-items: center;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .column-mapping-section .field-list .field-item .field-name i,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .column-mapping-section .field-list .field-item .field-name i,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .column-mapping-section .field-list .field-item .field-name i {
  margin-right: 10px;
  color: #007bff;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .column-mapping-section .field-list .field-item .field-name span,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .column-mapping-section .field-list .field-item .field-name span,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .column-mapping-section .field-list .field-item .field-name span {
  color: #333;
  font-size: 14px;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .column-mapping-section .field-list .field-item .field-type select,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .column-mapping-section .field-list .field-item .field-type select,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .column-mapping-section .field-list .field-item .field-type select {
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
  background: white;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .column-mapping-section .field-list .field-item .field-type select:focus,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .column-mapping-section .field-list .field-item .field-type select:focus,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .column-mapping-section .field-list .field-item .field-type select:focus {
  outline: none;
  border-color: #007bff;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .sample-data-section h5,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .sample-data-section h5,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .sample-data-section h5 {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .sample-data-section .sample-table-wrapper,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .sample-data-section .sample-table-wrapper,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .sample-data-section .sample-table-wrapper {
  overflow-x: auto;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .sample-data-section .sample-table-wrapper .sample-table,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .sample-data-section .sample-table-wrapper .sample-table,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .sample-data-section .sample-table-wrapper .sample-table {
  width: 100%;
  border-collapse: collapse;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .sample-data-section .sample-table-wrapper .sample-table thead,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .sample-data-section .sample-table-wrapper .sample-table thead,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .sample-data-section .sample-table-wrapper .sample-table thead {
  background: #f5f5f5;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .sample-data-section .sample-table-wrapper .sample-table thead th,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .sample-data-section .sample-table-wrapper .sample-table thead th,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .sample-data-section .sample-table-wrapper .sample-table thead th {
  padding: 10px;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  color: #333;
  border-bottom: 1px solid #e0e0e0;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .sample-data-section .sample-table-wrapper .sample-table tbody tr:hover,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .sample-data-section .sample-table-wrapper .sample-table tbody tr:hover,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .sample-data-section .sample-table-wrapper .sample-table tbody tr:hover {
  background: #f9f9f9;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-placeholder .preview-body .sample-data-section .sample-table-wrapper .sample-table tbody tr td,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .preview-body .sample-data-section .sample-table-wrapper .sample-table tbody tr td,
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-result .preview-body .sample-data-section .sample-table-wrapper .sample-table tbody tr td {
  padding: 8px 10px;
  font-size: 13px;
  color: #666;
  border-bottom: 1px solid #f0f0f0;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating {
  position: relative;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .generating-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .generating-overlay .generating-message {
  text-align: center;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .generating-overlay .generating-message i {
  color: #007bff;
  margin-bottom: 15px;
}
.csv-form-builder-modal .csv-builder-layout .right-section .form-preview-generating .generating-overlay .generating-message p {
  color: #666;
  font-size: 16px;
  margin: 0;
}
.csv-form-builder-modal .modal-footer {
  border-top: 1px solid #e5e5e5;
  padding: 15px 25px;
  text-align: right;
}
.csv-form-builder-modal .modal-footer .btn {
  margin-left: 10px;
}
@keyframes pulse {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.edit-hlper {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
html {
  direction: ltr;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
html,
body {
  height: 100%;
  overflow: hidden;
}
.smooth-scroll {
  scroll-behavior: smooth;
}
.loadbar-holder {
  top: 53px;
  position: fixed;
  width: 100%;
  z-index: 39;
}
.wrapper {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.frm-editor {
  left: 0px;
  position: fixed;
  width: calc(100vw - 0px);
  top: 50px;
  height: calc(100vh - 0px);
  background-color: #ffffff;
  z-index: 4;
}
.frm-editor .edit-hlper {
  border: 1px solid;
  position: fixed;
  height: 0px;
  width: 0px;
  top: 420px;
  background-color: white;
  left: 20px;
}
.frm-editor .givenNameContainer {
  word-wrap: break-word;
  word-break: break-all;
}
.frm-editor .preview-bar {
  display: flex;
  justify-content: space-between;
  position: sticky;
  top: 0px;
  background-color: #ffffff;
  z-index: 5;
  padding: 5px;
}
.frm-editor .preview-bar > div:first-child {
  display: flex;
  width: 98%;
  justify-content: center;
}
.frm-editor .preview-bar > div:nth-child(2) {
  height: 45px;
}
.frm-editor .preview-bar .auto-styles div.btn-flx {
  width: 135px;
  height: 35px;
  margin: 5px;
}
.frm-editor .preview-bar .auto-styles div:not(.btn-flx) {
  display: inline;
}
.frm-editor .preview-bar .auto-styles select {
  background-color: #ffffff;
  height: 35px;
  border: 1px solid #8b5cf6;
}
.frm-editor .preview-bar .css-editor {
  border: 1px solid #ccc;
  height: 67vh;
  position: absolute;
  right: 0px;
  width: 250px;
  z-index: 999;
  top: 55px;
}
.frm-editor .preview-bar .css-editor .css-hdl {
  display: flex;
  justify-content: space-between;
  background-color: #292929;
  color: #ffffff;
  padding: 3px;
  cursor: pointer;
}
.frm-editor .preview-bar .css-editor .css-hdl > div:first-child {
  line-height: 35px;
}
.frm-editor .preview-bar .css-editor .csspnl {
  border: 1px solid #ccc;
  height: 80%;
  border-radius: 5px;
  padding: 5px;
  background-color: #ffffff;
}
.frm-editor .topbar {
  display: flex;
  justify-content: space-between;
}
.frm-editor .topbar .frm-name {
  width: 30%;
  display: flex;
  justify-content: space-between;
}
.frm-editor .topbar .frm-name label {
  font-size: 1.2em;
  font-weight: normal;
  width: 125px;
}
.frm-editor .topbar .frm-name form {
  width: 80%;
}
.frm-editor .topbar .frm-name input {
  width: 80%;
  line-height: 35px;
  font-size: 1.1em;
  padding-left: 5px;
}
.frm-editor .topbar .edit-topbtns {
  display: flex;
  width: 28%;
  justify-content: end;
}
.frm-editor .topbar .edit-topbtns .btn {
  height: 34px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.frm-editor .topbar .edit-topbtns .btn-more {
  width: 60px;
  line-height: 0;
  padding: 0px;
  height: 44px;
}
.frm-editor .topbar .edit-topbtns .dropdown {
  border: none;
  background-color: transparent;
}
.frm-editor .editor-ws {
  display: flex;
}
.frm-editor .editor-ws input {
  background-color: #ffffff;
}
.frm-editor .editor-ws > div {
  height: calc(100vh - 80px);
}
.frm-editor .editor-ws .lft {
  width: 270px;
  display: flex;
  padding-top: 15px;
}
.frm-editor .editor-ws .lft .myscroll {
  height: 93vh;
  width: 11px;
  background-color: #eee;
  border: 1px solid #c5c0c0;
  margin-left: 5px;
  position: relative;
  top: -16px;
}
.frm-editor .editor-ws .lft .myscroll .myscroll-hdl {
  height: 100px;
  background-color: #2f3439;
  width: 9px;
}
.frm-editor .editor-ws .lft .lft-ctrl-cont {
  position: relative;
  top: 0px;
}
.frm-editor .editor-ws .lft .tglswitch {
  height: 40px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
  font-weight: 500;
}
.frm-editor .editor-ws .lft .tglswitch span {
  padding: 7px 0px 0px 7px;
}
.frm-editor .editor-ws .lft .tglswitch.open {
  background-color: #e0f2fe;
  color: #0ea5e9;
}
.frm-editor .editor-ws .lft .tglswitch .ic-arrow-up {
  filter: invert(45%) sepia(92%) saturate(980%) hue-rotate(166deg) brightness(97%) contrast(90%);
}
.frm-editor .editor-ws .lft .basic .blk-cont,
.frm-editor .editor-ws .lft .advctrls .blk-cont {
  padding: 0px;
  height: 0px;
  overflow-y: hidden;
  transition: ease-in 0.2s;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0px;
  justify-content: space-evenly;
}
.frm-editor .editor-ws .lft .basic .blk-cont.open,
.frm-editor .editor-ws .lft .advctrls .blk-cont.open {
  height: 100%;
}
.frm-editor .editor-ws .lft .basic .ctrltmpl,
.frm-editor .editor-ws .lft .advctrls .ctrltmpl {
  float: left;
  color: #2f3439;
  padding: 18px 5px;
  border: 2px #dddddd dashed;
  width: 109px;
  height: 109px;
  background: #fcfcfd;
  margin-bottom: 10px;
  text-align: center;
  list-style: none;
  cursor: pointer;
  border-radius: 10px;
}
.frm-editor .editor-ws .lft .basic .ctrltmpl:hover,
.frm-editor .editor-ws .lft .advctrls .ctrltmpl:hover {
  border-color: #8b5cf6;
  background-color: #faf5ff;
}
.frm-editor .editor-ws .lft .basic .ctrltmpl i,
.frm-editor .editor-ws .lft .advctrls .ctrltmpl i {
  margin-top: -5px 0px;
}
.frm-editor .editor-ws .lft .forms > ul {
  height: 0px;
  overflow-y: hidden;
  padding: 0px;
  list-style: none;
  transition: ease-in 0.2s;
}
.frm-editor .editor-ws .lft .forms > ul.open {
  height: 100%;
}
.frm-editor .editor-ws .lft .forms > ul .mdb-filter {
  border: none;
  display: flex;
  justify-content: space-between;
}
.frm-editor .editor-ws .lft .forms > ul .mdb-filter input {
  background-color: white;
  width: 93%;
  color: #8b5cf6;
}
.frm-editor .editor-ws .lft .forms .tbl-cont {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  height: 0px;
  overflow-y: hidden;
  list-style: none;
  transition: ease-in 0.2s;
}
.frm-editor .editor-ws .lft .forms .tbl-cont.open {
  height: 100%;
  padding-bottom: 50px;
}
.frm-editor .editor-ws .lft .forms .tbl-cont .ctrltmpl {
  color: #2f3439;
  border: 1px #dddddd solid;
  min-height: 40px;
  background: #fcfcfd;
  margin-bottom: 10px;
  cursor: pointer;
  display: flex;
  padding: 3px;
  align-items: center;
}
.frm-editor .editor-ws .lft .forms .tbl-cont .ctrltmpl:hover {
  border-color: #8b5cf6;
  background-color: #faf5ff;
}
.frm-editor .editor-ws .lft .widget-helper {
  border: 1px dashed #0ea5e9;
  min-width: 150px;
  padding: 5px;
  background-color: white;
  color: purple;
  border-radius: 11px;
}
.frm-editor .editor-ws .mid {
  width: calc(100vw - 540px);
  overflow-y: auto;
}
.frm-editor .editor-ws .mid.prevMode {
  width: 99vw;
  margin: auto;
  padding: 0px !important;
}
.frm-editor .editor-ws .mid.prevMode .sec-adder {
  display: none;
}
.frm-editor .editor-ws .mid.prevMode .frm-section {
  border: none;
  margin-bottom: 10px;
}
.frm-editor .editor-ws .mid.prevMode .secbody {
  border: none;
  min-height: auto;
}
.frm-editor .editor-ws .mid.prevMode .secbody:hover,
.frm-editor .editor-ws .mid.prevMode .secbody.selected {
  border: none !important;
}
.frm-editor .editor-ws .mid.prevMode .ctrl {
  background-color: transparent;
}
.frm-editor .editor-ws .mid.prevMode .ctrl > .r {
  display: none;
}
.frm-editor .editor-ws .mid.prevMode .drpcol,
.frm-editor .editor-ws .mid.prevMode .drpcol:not(:last-child) {
  border: none !important;
}
.frm-editor .editor-ws .mid.prevMode textarea {
  width: 100%;
  min-height: 100px;
}
.frm-editor .editor-ws .mid.prevMode .dropdown {
  cursor: pointer;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid;
}
.frm-editor .editor-ws .mid.prevMode .dropdown .ddtgl {
  display: flex;
}
.frm-editor .editor-ws .mid.prevMode .dropdown .ddtgl span {
  width: 100%;
  display: inline-block;
  padding: 3px;
}
.frm-editor .editor-ws .mid.prevMode .frm-cvas.hascss-editor {
  width: calc(100vw - 300px);
}
.frm-editor .editor-ws .mid.prevMode .frm-cvas.sxslt .ctrl div.l {
  flex-flow: row;
  display: flex !important;
  text-align: left;
}
.frm-editor .editor-ws .mid.prevMode .frm-cvas.sxslt .ctrl div.l .input-group.date {
  width: 100%;
}
.frm-editor .editor-ws .mid.prevMode .frm-cvas.sxsrt .ctrl div.l {
  flex-flow: row;
  display: flex !important;
  text-align: right;
}
.frm-editor .editor-ws .mid.prevMode .frm-cvas.sxsrt .ctrl div.l label {
  margin-right: 5px;
}
.frm-editor .editor-ws .mid .frm-cvas {
  min-height: 100vh;
  background-color: #f9fafb;
}
.frm-editor .editor-ws .rt {
  width: 270px;
}
.frm-editor .editor-ws .rt > div:nth-child(2) {
  overflow-y: auto;
  height: calc(100vh - 130px);
}
.frm-editor .sec-adder {
  display: flex;
  justify-content: center;
}
.frm-editor .sec-adder > div:nth-child(2) {
  background-color: #8b5cf6;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  padding: 4px;
}
.frm-editor .sec-adder > div:nth-child(1),
.frm-editor .sec-adder > div:nth-child(3) {
  width: 50%;
}
.frm-editor .ui-state-highlight {
  background-color: #f0f19d;
  height: 45px;
}
.frm-editor .ctrl {
  padding: 5px;
  margin-bottom: 5px;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  border-radius: 5px;
  border: 1px solid #D1D5DB;
}
.frm-editor .ctrl:hover,
.frm-editor .ctrl.selected {
  background-color: #66d0ff87;
}
.frm-editor .ctrl .prev {
  width: 100%;
  display: flex;
}
.frm-editor .ctrl .prev .lbl {
  width: 95%;
  line-height: 30px;
  text-transform: capitalize;
}
.frm-editor .ctrl .prev .note {
  position: relative;
  width: 0px;
}
.frm-editor .ctrl .prev:hover > .note::after {
  font-size: 0.9em;
  position: absolute;
  content: 'x';
  color: white;
  background-color: #e20000;
  padding: 2px 10px;
  top: 2px;
  right: 0px;
  font-style: normal;
  border-radius: 50%;
}
.frm-editor .ctrl div.l {
  display: none;
  width: 100%;
}
.frm-editor .ctrl div.l.lbl-sidebyside {
  display: flex;
}
.frm-editor .ctrl div.l label {
  width: 100%;
  padding-top: 7px;
  margin-bottom: 0;
  text-transform: capitalize;
}
.frm-editor .ctrl div.l .input-group.date {
  width: 100%;
}
.frm-editor .ctrl div.l .inpt,
.frm-editor .ctrl div.l input {
  width: 100%;
  line-height: 30px;
}
.frm-editor .ctrl div.l input + em {
  position: relative;
}
.frm-editor .ctrl div.l input:required + em::after {
  font-size: 0.9em;
  position: absolute;
  content: "required";
  color: white;
  background-color: #e20000;
  padding: 2px 10px;
  top: -3px;
  left: -76px;
  border-top-right-radius: 5px;
  font-style: normal;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 15px;
}
.frm-editor .ctrl div.l .hdr {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid;
}
.frm-editor .ctrl div.l .hdr .hdl-edit {
  border: 1px solid #d8e7ef;
  right: 13px;
  position: relative;
  top: -4px;
  padding: 3px;
  height: 26px;
}
.frm-editor .ctrl div.r {
  width: 0px;
}
.frm-editor .ctrl div.r .ic-add {
  display: none;
}
.frm-editor .ctrl.ct-tblcol-cont .prev {
  display: inline-block;
}
.frm-editor .ctrl.ct-tblcol-cont .prev .hdr {
  justify-content: flex-start;
}
.frm-editor .ctrl.ct-tblcol-cont .prev .note {
  float: right;
}
.frm-editor .ctrl.ct-tblcol-cont .prev .note::after {
  top: 0px;
  left: -30px;
}
.frm-editor .ctrl.ct-tblcol-cont .prev .hdl-edit {
  border: none;
  left: 85%;
  position: relative;
  top: 0px;
  padding: 3px;
  height: 26px;
}
.frm-editor .ctrl.ct-tblcol-cont .prev .ct-tblcol-lbl {
  float: left;
  min-width: 100px;
  margin-right: 5px;
  border: 1px #ccc solid;
}
.frm-editor .ctrl.ct-tblcol-cont .prev .ct-tblcol-lbl label {
  font-weight: normal;
}
.frm-editor .ctrl .cols {
  overflow-x: auto;
  display: flex;
  flex-direction: column;
}
.frm-editor .ctrl .cols .tblrow {
  padding: 0px;
  margin: 0px;
  list-style: none;
  width: max-content;
}
.frm-editor .ctrl .cols .tblrow .ct-tblcol {
  float: left;
}
.frm-editor .ctrl .cols .tblrow .ct-tblcol i {
  position: relative;
}
.frm-editor .ctrl .hdr {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid;
}
.frm-editor .ctrl .hdr .hdl-edit {
  border: 1px solid #d8e7ef;
  right: 13px;
  position: relative;
  top: -4px;
  padding: 3px;
  height: 26px;
}
.frm-editor .ctrl.ct-address .addr-cty-st {
  display: flex;
}
.frm-editor .ctrl.ct-address .addr-cty-st div:last-child {
  width: 45%;
}
.frm-editor .ctrl.ct-address .addr-pst-ctry {
  display: flex;
}
.frm-editor .ctrl.ct-address .addr-pst-ctry div:last-child {
  width: 45%;
}
.frm-editor .ctrl.ct-mline textarea {
  width: 100%;
  min-height: 100px;
}
.frm-editor .frm-section {
  margin-bottom: 20px;
  border: 2px solid #ccc;
  border-radius: 5px;
}
.frm-editor .frm-section:hover,
.frm-editor .frm-section.selected {
  border: 2px solid #8b5cf6;
}
.frm-editor .frm-section .secbody {
  display: flex;
  cursor: pointer;
  min-height: 20vh;
  border: 1px solid #ccc;
  /* two items */
  /* three items */
  /* four items */
  /* five items */
  /* six items */
}
.frm-editor .frm-section .secbody .drpcol {
  padding: 5px;
}
.frm-editor .frm-section .secbody .drpcol:first-child:nth-last-child(1) {
  width: 100%;
}
.frm-editor .frm-section .secbody .drpcol:not(:last-child) {
  border-right: 1px solid #ccc;
}
.frm-editor .frm-section .secbody .drpcol:first-child:nth-last-child(2),
.frm-editor .frm-section .secbody .drpcol:first-child:nth-last-child(2) ~ .drpcol {
  width: 50%;
}
.frm-editor .frm-section .secbody .drpcol:first-child:nth-last-child(3),
.frm-editor .frm-section .secbody .drpcol:first-child:nth-last-child(3) ~ .drpcol {
  width: 33.3333%;
}
.frm-editor .frm-section .secbody .drpcol:first-child:nth-last-child(4),
.frm-editor .frm-section .secbody .drpcol:first-child:nth-last-child(4) ~ .drpcol {
  width: 25%;
}
.frm-editor .frm-section .secbody .drpcol:first-child:nth-last-child(5),
.frm-editor .frm-section .secbody .drpcol:first-child:nth-last-child(5) ~ .drpcol {
  width: 20%;
}
.frm-editor .frm-section .secbody .drpcol:first-child:nth-last-child(6),
.frm-editor .frm-section .secbody .drpcol:first-child:nth-last-child(6) ~ .drpcol {
  width: 16.6%;
}
.frm-editor .ct-form.orphaned-form-ref {
  border: 2px solid #d9534f !important;
  background-color: #f2dede !important;
  position: relative;
  opacity: 0.8;
}
.frm-editor .ct-form.orphaned-form-ref::after {
  content: "⚠ DELETED FORM";
  position: absolute;
  top: 5px;
  right: 5px;
  background: #d9534f;
  color: white;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: bold;
  z-index: 10;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.form-rows {
  margin: auto;
}
.form-rows .header-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  background: white;
  padding: 0px 15px 1px;
  border-bottom: 1px solid #ddd;
  position: sticky;
  top: 0px;
}
.form-rows .header-controls .header-left {
  display: flex;
  align-items: center;
  gap: 20px;
}
.form-rows .header-controls .header-left .title {
  font-size: 24px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.form-rows .header-controls .controls {
  display: flex;
  gap: 12px;
  justify-content: space-evenly;
  align-items: center;
  height: 34px;
}
.form-rows .header-controls .controls .search-bar {
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  width: 250px;
  font-size: 14px;
  height: 34px;
  box-sizing: border-box;
}
.form-rows .header-controls .controls .dropdown {
  border: none;
}
.form-rows .header-controls .controls .view-toggle {
  display: flex;
  background: white;
  border-radius: 6px;
  background-color: #f3f4f6;
  overflow: hidden;
  height: 34px;
}
.form-rows .header-controls .controls .view-toggle button {
  padding: 0 16px;
  border: none;
  background: white;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 14px;
  height: 100%;
  border-radius: 5px;
  font-weight: 500;
}
.form-rows .header-controls .controls .view-toggle button.active {
  background: #0fa4e8;
  color: white;
}
.form-rows .header-controls .controls .view-toggle button:hover:not(.active) {
  background: #e5e7eb;
}
.form-rows .header-controls .controls .btn {
  height: 34px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.form-rows .header-controls .controls .btn.filterbtn,
.form-rows .header-controls .controls .btn.addbtn {
  width: auto !important;
  min-width: 34px;
}
.form-rows .header-controls .controls .btn.addbtn {
  min-width: 34px !important;
  width: 34px !important;
}
.form-rows .header-secondary {
  display: flex;
  justify-content: flex-end;
  margin-right: 25px;
  align-items: center;
}
.form-rows .header-secondary .active-filter {
  display: flex;
  align-items: center;
  background-color: #f0f7ff;
  border: 1px solid #0ea5e9;
  border-radius: 4px;
  padding: 0 12px;
  max-width: 300px;
  height: 34px;
  box-sizing: border-box;
  margin-right: 10px !important;
}
.form-rows .header-secondary .active-filter .filter-description {
  color: #0ea5e9;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  line-height: 34px;
  margin: 0 !important;
}
.form-rows .header-secondary .active-filter .ic-close {
  color: #0ea5e9;
  cursor: pointer;
  font-size: 14px;
  margin-left: 8px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  line-height: 1;
}
.form-rows .header-secondary .active-filter .ic-close:hover {
  color: #086189;
}
.form-rows .header-secondary .src {
  border: 1px solid #ccc;
  background-color: #ffffff;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.form-rows .header-secondary .src input {
  background-color: #ffffff;
  border: none;
  height: 36px;
}
.form-rows .header-secondary .filterbtn {
  height: 35px;
  align-items: center;
  display: flex;
  background-color: transparent;
}
.form-rows .data-container {
  overflow: hidden;
}
.form-rows .dataTables_scrollHead .dataTables_scrollHeadInner {
  height: inherit;
}
.form-rows .dataTables_scrollHead .dataTables_scrollHeadInner th {
  min-width: 100px;
  padding: 8px 18px 8px 8px;
}
.form-rows .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td,
.form-rows .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th {
  min-width: 100px;
  padding: 8px 18px 8px 8px;
}
.form-rows .view-strip {
  display: flex;
  justify-content: center;
  width: 96.5%;
  margin: auto;
}
.form-rows .tools {
  width: 96.5%;
  margin: auto;
  display: flex;
  justify-content: end;
}
.form-rows .tools .filter {
  display: flex;
}
.form-rows .tools .btn {
  min-width: 60px;
  line-height: 0;
  padding: 0px;
  height: 40px;
}
.form-rows .tools .filterbtn,
.form-rows .tools .addbtn,
.form-rows .tools .btn-more {
  width: 60px;
  line-height: 0;
  padding: 0px;
  height: 40px;
}
.form-rows .tools .dropdown-menu li {
  cursor: pointer;
}
.form-rows .form-rows-wrapper {
  width: 99%;
  margin: auto;
}
.form-rows .table-container {
  width: calc(100% - 75px);
  margin: auto;
}
.form-rows .table-container .table-tools {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 40px;
}
.form-rows .table-container .table-tools .tbl-btn-lft {
  display: flex;
  align-items: center;
}
.form-rows .table-container .table-tools .tbl-btn-rgt .tbl-btn-cntr > div {
  display: flex;
  justify-content: space-between;
}
.form-rows .table-container .table-tools .tbl-btn-rgt .tbl-btn-cntr .dropdown ul li {
  cursor: pointer;
}
.form-rows .table-container .table-tools .tbl-btn-rgt .tbl-btn-cntr .dropdown ul li a {
  border: none;
  padding: 0px 5px;
}
.form-rows .table-container .btn-group.table-buttons {
  width: 15%;
  float: right;
}
.form-rows .table-container .edit-col {
  position: sticky;
  right: 0%;
  background-color: #ffffff;
  cursor: pointer;
}
.form-rows .table-container .edit-col .btn {
  background-color: #ffffff;
}
.form-rows #tabledata tbody tr:hover {
  background-color: #e0f2fe;
  cursor: pointer;
}
.form-rows .table-view {
  display: block;
  padding: 0 15px;
}
.form-rows .table-view .form-rows-wrapper {
  width: 99%;
  margin: auto;
}
.form-rows .table-view .table-container {
  width: 100%;
  margin: auto;
}
.form-rows .table-view .table-container .table-tools {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 40px;
}
.form-rows .table-view .table-container .table-tools .tbl-btn-lft {
  display: flex;
  align-items: center;
}
.form-rows .table-view .table-container .table-tools .tbl-btn-rgt .tbl-btn-cntr > div {
  display: flex;
  justify-content: space-between;
}
.form-rows .table-view .table-container .table-tools .tbl-btn-rgt .tbl-btn-cntr .dropdown ul li {
  cursor: pointer;
}
.form-rows .table-view .table-container .table-tools .tbl-btn-rgt .tbl-btn-cntr .dropdown ul li a {
  border: none;
  padding: 0px 5px;
}
.form-rows .table-view .table-container .btn-group.table-buttons {
  width: 15%;
  float: right;
}
.form-rows .table-view .table-container .edit-col {
  position: sticky;
  right: 0%;
  background-color: #ffffff;
  cursor: pointer;
}
.form-rows .table-view .table-container .edit-col .btn {
  background-color: #ffffff;
}
.form-rows .card-view {
  padding: 24px;
  min-height: calc(-100vh);
}
.form-rows .card-view .enhanced-data-card {
  margin: 0 auto 32px auto;
  overflow: hidden;
  border: 1px solid #e6e6e9;
  border-radius: 8px;
}
.form-rows .card-view .enhanced-data-card:hover {
  box-shadow: 2px 3px 7px 2px #d8d9d9;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-header {
  background: white;
  border-radius: 8px 8px 0 0;
  padding: 24px;
  border-bottom: 1px solid #e0e6ed;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-header .enhanced-card-title {
  font-size: 28px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0 0 8px 0;
  line-height: 1.2;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-header .enhanced-card-subtitle {
  color: #6b7280;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body {
  background: white;
  padding: 32px;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section {
  margin-bottom: 40px;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section:last-child {
  margin-bottom: 0;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-section-title {
  font-size: 20px;
  font-weight: 700;
  color: #2c3e50;
  margin: 0 0 24px 0;
  padding-bottom: 12px;
  border-bottom: 3px solid #3498db;
  display: block;
  width: 100%;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-columns-container {
  display: flex;
  gap: 24px;
  margin-bottom: 32px;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-columns-container .enhanced-column {
  flex: 1;
  min-width: 0;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-columns-container .enhanced-column .enhanced-field-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-columns-container .enhanced-column .enhanced-field-group .enhanced-field-label {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-columns-container .enhanced-column .enhanced-field-group .enhanced-field-value {
  font-size: 15px;
  color: #2c3e50;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
  word-break: break-word;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-columns-container .enhanced-column .enhanced-field-group .enhanced-field-value.empty {
  color: #9ca3af;
  font-style: italic;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-columns-container .enhanced-column .enhanced-field-group .enhanced-field-value.email {
  color: #3498db;
  cursor: pointer;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-columns-container .enhanced-column .enhanced-field-group .enhanced-field-value.email:hover {
  text-decoration: underline;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-columns-container .enhanced-column .enhanced-field-group .enhanced-field-value.url {
  color: #3498db;
  cursor: pointer;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-columns-container .enhanced-column .enhanced-field-group .enhanced-field-value.url:hover {
  text-decoration: underline;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-columns-container .enhanced-column .enhanced-field-group .enhanced-field-value.price {
  color: #27ae60;
  font-weight: 600;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-columns-container .enhanced-column .enhanced-field-group .enhanced-field-value.status {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 600;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-columns-container .enhanced-column .enhanced-field-group .enhanced-field-value.status.dead {
  background: #fee2e2;
  color: #dc2626;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-columns-container .enhanced-column .enhanced-field-group .enhanced-field-value.status.active {
  background: #d1fae5;
  color: #059669;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-columns-container .enhanced-column .enhanced-field-group .enhanced-field-value.status.pending {
  background: #fef3c7;
  color: #d97706;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-field-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  margin-bottom: 32px;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-field-grid .enhanced-field-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-field-grid .enhanced-field-group.enhanced-field-full-width {
  grid-column: -1;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-field-grid .enhanced-field-group.enhanced-field-full-width .enhanced-field-value {
  background: #f8f9fa;
  padding: 16px;
  border-radius: 8px;
  border-left: 4px solid #3498db;
  line-height: 1.6;
  font-size: 14px;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-field-grid .enhanced-field-group .enhanced-field-label {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-field-grid .enhanced-field-group .enhanced-field-value {
  font-size: 15px;
  color: #2c3e50;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
  word-break: break-word;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-field-grid .enhanced-field-group .enhanced-field-value.empty {
  color: #9ca3af;
  font-style: italic;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-field-grid .enhanced-field-group .enhanced-field-value.email {
  color: #3498db;
  cursor: pointer;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-field-grid .enhanced-field-group .enhanced-field-value.email:hover {
  text-decoration: underline;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-field-grid .enhanced-field-group .enhanced-field-value.url {
  color: #3498db;
  cursor: pointer;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-field-grid .enhanced-field-group .enhanced-field-value.url:hover {
  text-decoration: underline;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-field-grid .enhanced-field-group .enhanced-field-value.price {
  color: #27ae60;
  font-weight: 600;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-field-grid .enhanced-field-group .enhanced-field-value.status {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 600;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-field-grid .enhanced-field-group .enhanced-field-value.status.dead {
  background: #fee2e2;
  color: #dc2626;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-field-grid .enhanced-field-group .enhanced-field-value.status.active {
  background: #d1fae5;
  color: #059669;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-field-grid .enhanced-field-group .enhanced-field-value.status.pending {
  background: #fef3c7;
  color: #d97706;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-body .enhanced-card-section .enhanced-section-divider {
  height: 1px;
  background: #e0e6ed;
  margin: 40px 0;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding: 8px 32px;
  background: white;
  border-radius: 0 0 8px 8px;
  border-top: 1px solid #e0e6ed;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-actions .enhanced-action-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: 1px solid;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-actions .enhanced-action-btn .enhanced-btn-icon {
  font-size: 14px;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-actions .enhanced-action-btn.enhanced-edit-btn {
  background: white;
  border-color: #3498db;
  color: #3498db;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-actions .enhanced-action-btn.enhanced-edit-btn:hover {
  background: #3498db;
  color: white;
  text-decoration: none;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-actions .enhanced-action-btn.enhanced-delete-btn {
  background: white;
  border-color: #e74c3c;
  color: #e74c3c;
}
.form-rows .card-view .enhanced-data-card .enhanced-card-actions .enhanced-action-btn.enhanced-delete-btn:hover {
  background: #e74c3c;
  color: white;
  text-decoration: none;
}
.form-rows .card-view .no-data {
  text-align: center;
  padding: 60px 40px;
  color: #6b7280;
  font-size: 16px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .form-rows .header-controls {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .form-rows .header-controls .controls {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .form-rows .header-controls .search-bar {
    width: 100%;
    max-width: 300px;
  }
  .form-rows .card-view .data-card .card-body {
    grid-template-columns: 1fr;
  }
  .form-rows .card-view .data-card .card-header {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 480px) {
  .form-rows .header-controls .controls .search-bar {
    width: 100%;
  }
  .form-rows .card-view {
    padding: 8px;
  }
  .form-rows .card-view .data-card {
    padding: 12px;
  }
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
html {
  direction: ltr;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
html,
body {
  height: 100%;
  overflow: hidden;
}
.smooth-scroll {
  scroll-behavior: smooth;
}
.loadbar-holder {
  top: 53px;
  position: fixed;
  width: 100%;
  z-index: 39;
}
.wrapper {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.ngdialog-theme-default {
  padding-top: 85px !important;
}
.edit-viewer {
  background-color: #ffffff;
  top: 0px;
  position: absolute;
  width: 100%;
  bottom: 0px;
}
.edit-viewer .topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 15px 4px;
}
.edit-viewer .viewer-ws {
  display: flex;
}
.edit-viewer .viewer-ws > div {
  height: 80vh;
  padding-bottom: 100px !important;
}
.edit-viewer .viewer-ws .mid {
  width: calc(100vw - 20px);
  overflow-y: auto;
}
.edit-viewer .viewer-ws .rht {
  width: 20px;
  display: flex;
  flex-direction: column;
}
.edit-viewer .frm-cvas.sxslt .ctrl div.l {
  flex-flow: row;
  display: flex !important;
  text-align: left;
}
.edit-viewer .frm-cvas.sxslt .ctrl div.l .input-group.date {
  width: 100%;
}
.edit-viewer .frm-cvas.sxsrt .ctrl div.l {
  flex-flow: row;
  display: flex !important;
  text-align: right;
}
.edit-viewer .frm-cvas.sxsrt .ctrl div.l label {
  margin-right: 5px;
}
.edit-viewer .frm-space {
  min-height: 100vh;
}
.edit-viewer .frm-space.clearb * :not(hr) {
  border: none !important;
}
.edit-viewer .ctrl {
  background-color: transparent;
  display: flex;
  justify-content: space-between;
}
.edit-viewer .ctrl input,
.edit-viewer .ctrl textarea {
  background-color: #ffffff;
}
.edit-viewer .ctrl.selected {
  border: 1px dashed blue;
  background-color: lightblue;
}
.edit-viewer .ctrl .prev {
  display: none;
}
.edit-viewer .ctrl > div.l {
  width: 97%;
  margin-bottom: 10px;
}
.edit-viewer .ctrl > div.l.lbl-sidebyside {
  display: flex;
}
.edit-viewer .ctrl > div.l label {
  margin-bottom: 0;
  text-transform: capitalize;
}
.edit-viewer .ctrl > div.l .inpt {
  width: 100%;
}
.edit-viewer .ctrl > div.l input:not(.cbox-input) {
  width: 100%;
  line-height: 30px;
}
.edit-viewer .ctrl > div.l input:not(.cbox-input) + em {
  position: relative;
}
.edit-viewer .ctrl > div.l input:not(.cbox-input):required + em.test::after {
  content: "Email address is required";
}
.edit-viewer .ctrl > div.l input:not(.cbox-input):required + em::after {
  font-size: 0.9em;
  position: absolute;
  content: "required";
  color: white;
  background-color: #e20000;
  padding: 3px 10px;
  top: -4px;
  left: -76px;
  border-top-right-radius: 5px;
  font-style: normal;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 15px;
}
.edit-viewer .ctrl > div.l i:not(.ic-download, .ic-upload, .ic-close, .ic-arrow-down) {
  position: absolute;
}
.edit-viewer .ctrl > div.l .hdr {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid;
}
.edit-viewer .ctrl > div.l .hdr .hdl-trash i {
  margin-left: 11px;
}
.edit-viewer .ctrl div.r {
  width: 0px;
}
.edit-viewer .ctrl.ct-tblcol-cont > div.l {
  display: inline-block;
  width: 97%;
  margin-bottom: 10px;
}
.edit-viewer .ctrl.ct-tblcol-cont > div.l label {
  width: 100%;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols {
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  padding-top: 15px !important;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow {
  padding: 0px;
  margin: 0px;
  list-style: none;
  width: max-content;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol {
  float: left;
  width: 250px;
  margin-right: 10px;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l label {
  margin-bottom: 0;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .fkcol {
  display: flex;
  justify-content: space-between;
  width: 250px;
  cursor: pointer;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .uiselect {
  width: 100%;
  width: 200px;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .ui-select-container {
  position: relative;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .ui-select-container.open {
  position: absolute;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .ui-select-container:not(.open) {
  top: 0px !important;
  left: 0px !important;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .closehdl {
  height: 32px;
  width: 32px;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .dropselect .dropselect-hdlr {
  position: relative;
  border: 1px solid #d8d9da;
  min-width: 218px;
  border-radius: 5px;
  height: 35px;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .dropselect .dropselect-hdlr > div {
  display: flex;
  justify-content: space-between;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .dropselect ul.mdbscrollBar {
  overflow-y: auto;
  max-height: 40vh;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .dropselect ul {
  margin: 0px;
  padding: 0px;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .dropselect ul li {
  list-style: none;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .dropselect .dropdown {
  position: relative;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .dropselect .dropdown.open {
  position: absolute;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .dropselect .dropdown:not(.open) {
  top: 0px !important;
  left: 0px !important;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .dropselect .dropdown .selected-lbl {
  white-space: nowrap;
  overflow: clip;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .dropselect .dropdown .list-opt {
  cursor: pointer;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .dropselect .dropdown .list-opt:hover,
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .dropselect .dropdown .list-opt:focus {
  text-decoration: none;
  color: #2f3342;
  background-color: #e3e6e9;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .txtcol {
  display: flex;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .datecol {
  display: flex;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .tscol {
  display: flex;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .vt1col {
  display: flex;
  width: 250px;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .vt1col .uiselect {
  width: 100%;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .vt2col {
  display: flex;
  justify-content: center;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .vt5col {
  display: flex;
  flex-direction: column;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .vt5col .ctrl-file .hasAttch {
  display: flex;
  justify-content: space-between;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .vt5col .ctrl-file .hasAttch div:nth-child(2) {
  width: 20%;
  text-align: right;
  display: flex;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .vt5col .ctrl-file .file-name {
  white-space: nowrap;
  overflow: hidden;
  width: 195px;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .vt5col .filepicker-wrapper {
  display: flex;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .vt5col .filepicker-wrapper input {
  width: 215px;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .vt6col {
  display: flex;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol div.l .input-group.date .input-group-addon {
  display: flex;
  justify-content: center;
}
.edit-viewer .ctrl.ct-tblcol-cont .cols .tblrow .ct-tblcol > div.r {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.edit-viewer .ctrl.ct-tblcol-cont > div.r {
  display: flex;
  justify-content: end;
  width: 32px;
  flex-direction: column;
}
.edit-viewer .ctrl.ct-address label {
  width: 100% !important;
}
.edit-viewer .ctrl.ct-address .addr-cty-st {
  display: flex;
}
.edit-viewer .ctrl.ct-address .addr-cty-st div:first-child {
  width: 50%;
}
.edit-viewer .ctrl.ct-address .addr-cty-st div:last-child {
  width: 50%;
}
.edit-viewer .ctrl.ct-address .addr-pst-ctry {
  display: flex;
}
.edit-viewer .ctrl.ct-address .addr-pst-ctry div:first-child {
  width: 50%;
}
.edit-viewer .ctrl.ct-address .addr-pst-ctry div:last-child {
  width: 50%;
}
.edit-viewer .ctrl.ct-mline textarea {
  width: 100%;
  min-height: 100px;
}
.edit-viewer .ctrl.ct-number {
  /* Remove spinner arrows from number inputs */
}
.edit-viewer .ctrl.ct-number input[type="number"] {
  -moz-appearance: textfield;
  /* Firefox */
}
.edit-viewer .ctrl.ct-number input[type="number"]::-webkit-outer-spin-button,
.edit-viewer .ctrl.ct-number input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  /* Chrome, Safari, Edge */
  margin: 0;
}
.edit-viewer .ctrl select {
  background-color: white;
  height: 35px;
  border: 1px solid #d8d9da;
  width: 100%;
}
.edit-viewer .ctrl .dropdown {
  cursor: pointer;
  width: 100%;
  background-color: #ffffff;
}
.edit-viewer .ctrl .dropdown .dropdown-menu {
  width: 100%;
  padding: 5px;
}
.edit-viewer .ctrl .dropdown .dropdown-menu li {
  padding: 3px;
}
.edit-viewer .ctrl .dropdown .dropdown-menu li:hover {
  background-color: #00b1ff3b;
}
.edit-viewer .ctrl .ctrl-file .hasAttch {
  display: flex;
  justify-content: space-between;
}
.edit-viewer .ctrl .ctrl-file .hasAttch div:nth-child(2) {
  width: 20%;
  text-align: right;
  display: flex;
  height: fit-content;
}
.edit-viewer .ctrl .ctrl-file .file-name {
  word-break: break-all;
  overflow: hidden;
  width: 195px;
}
.edit-viewer .ctrl .filepicker-wrapper {
  display: flex;
}
.edit-viewer .ctrl .filepicker-wrapper input {
  width: 215px;
}
.edit-viewer .frm-section {
  margin-bottom: 10px;
}
.edit-viewer .frm-section .sec-hdr {
  font-size: 1.8em;
}
.edit-viewer .frm-section .secbody {
  display: flex;
  /* two items */
  /* three items */
  /* four items */
  /* five items */
  /* six items */
}
.edit-viewer .frm-section .secbody .drpcol {
  padding: 5px;
}
.edit-viewer .frm-section .secbody .drpcol:first-child:nth-last-child(1) {
  width: 30%;
}
.edit-viewer .frm-section .secbody .drpcol:first-child:nth-last-child(2),
.edit-viewer .frm-section .secbody .drpcol:first-child:nth-last-child(2) ~ .drpcol {
  width: 30%;
}
.edit-viewer .frm-section .secbody .drpcol:first-child:nth-last-child(3),
.edit-viewer .frm-section .secbody .drpcol:first-child:nth-last-child(3) ~ .drpcol {
  width: 33.3333%;
}
.edit-viewer .frm-section .secbody .drpcol:first-child:nth-last-child(4),
.edit-viewer .frm-section .secbody .drpcol:first-child:nth-last-child(4) ~ .drpcol {
  width: 25%;
}
.edit-viewer .frm-section .secbody .drpcol:first-child:nth-last-child(5),
.edit-viewer .frm-section .secbody .drpcol:first-child:nth-last-child(5) ~ .drpcol {
  width: 20%;
}
.edit-viewer .frm-section .secbody .drpcol:first-child:nth-last-child(6),
.edit-viewer .frm-section .secbody .drpcol:first-child:nth-last-child(6) ~ .drpcol {
  width: 16.6%;
}
.edit-viewer .w100 {
  width: 100px !important;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.xero {
  display: flex;
  width: 88vw;
}
.xero .sidebar {
  min-width: 120px;
  width: 13%;
  padding: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  border-right: 1px solid #eee;
}
.xero .sidebar ul li:hover {
  background-color: #ececec;
}
.xero .sidebar ul li:hover a {
  border-bottom: 1px solid #3f5a75 !important;
}
.xero .sidebar ul li.cur-page {
  background-color: #edf2f7;
}
.xero .main {
  width: 82%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .xero .main {
    width: 70%;
  }
}
.xero .main .view-window {
  overflow-y: auto;
  height: 87vh;
  overflow-x: hidden;
}
.xero .xero-button {
  display: flex;
}


.report-edit .report-container {
  margin: 0 auto;
}
.report-edit .report-container .rpt-btns {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: auto;
}
.report-edit .report-container .rpt-name input,
.report-edit .report-container select {
  width: 100%;
}
.report-edit .report-container .rpt-top {
  width: 50%;
  margin: auto;
}
.report-edit .report-container .slot-container {
  width: 50%;
  margin: auto;
}
.report-edit .report-container .slot-container .template-err {
  width: 50%;
  margin: auto;
}
.report-edit .report-container .slot-container .slot-list {
  max-height: 50vh;
  overflow-y: auto;
  padding-bottom: 70px !important;
}
.report-edit .report-container .slot-container .slot-list .list-item {
  display: flex;
  margin-bottom: 5px;
  padding: 3px;
}
.report-edit .report-container .slot-container .slot-list .list-item .slot-label {
  flex: 50%;
}
.report-edit .report-container .slot-container .slot-list .list-item button {
  width: 100px;
}
.report-edit .report-container .slot-container .slot-list .list-item .filled,
.report-edit .report-container .slot-container .slot-list .list-item .filled:hover {
  background-color: rgba(33, 128, 16, 0.5) !important;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.fill-slot-screen {
  height: 85vh;
  z-index: 111;
  padding: 10px;
  width: 95%;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.fill-slots .top {
  display: flex;
  justify-content: space-between;
}
.fill-slots .top .pk {
  width: 18%;
}
.fill-slots .top .pk .slide-container > div:first-child {
  display: flex;
  flex-direction: column;
}
.fill-slots .top .pk .slide-container select {
  width: 300px;
  height: 35px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fill-slots .top .instr {
    font-size: 0.7em;
  }
}
@media (max-width:767px) {
  .fill-slots .top .instr {
    font-size: 0.7em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fill-slots .top .instr {
    font-size: 0.7em;
  }
}
.fill-slots .top .instr .box {
  display: flex;
  justify-content: center;
}
.fill-slots .top .instr .box > div {
  display: flex;
  flex-direction: column;
}
.fill-slots .top .instr .box > div > div {
  padding: 4px;
}
.fill-slots .top > div:nth-child(3) {
  width: 12%;
  text-align: right;
}
.fill-slots form .result-table {
  height: 35vh;
}
.fill-slots form .result-table .table-container .dataTables_wrapper .dataTables_filter input[type="search"] {
  width: 200px;
}
.fill-slots form .result-table .table-container #tabledata {
  cursor: pointer;
}
.fill-slots form .result-table .table-container #tabledata tr td.acell {
  color: #e20000;
}
.fill-slots form .assign-columns {
  margin-bottom: 50px;
}
.fill-slots form .assign-columns .checkbox {
  display: inline;
}
.fill-slots form .assign-columns .col-search .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  max-width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
}
.fill-slots form .assign-columns .ui-select-match {
  width: 100%;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
html {
  direction: ltr;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
html,
body {
  height: 100%;
  overflow: hidden;
}
.smooth-scroll {
  scroll-behavior: smooth;
}
.loadbar-holder {
  top: 53px;
  position: fixed;
  width: 100%;
  z-index: 39;
}
.wrapper {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.edit-data-screen {
  box-shadow: 0px 1px 8px -2px #d8d9da;
  position: fixed;
  width: 30vw;
  top: 50px;
  right: -1000px;
  background-color: #ffffff;
  z-index: 9999;
  transition: ease-in 0.2s;
}
.edit-data-screen.show {
  right: 0px;
}
@media (max-width: 1024px) {
  .edit-data-screen {
    width: 60vw;
  }
}
.dataview {
  margin: auto;
}
.dataview .dv-hdr {
  display: flex;
  justify-content: space-between;
  background-color: #0ea5e9;
  color: #ffffff;
}
.dataview .dv-hdr .delete-msg,
.dataview .dv-hdr .copy-msg {
  background-color: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.dataview .dv-hdr .copy-msg {
  color: black;
}
.dataview .dv-hdr .dvclose {
  width: 7%;
  cursor: pointer;
}
.dataview .dv-hdr .dvclose i {
  color: #ffffff;
  font-size: 1.3em;
}
.dataview .table-name {
  text-transform: capitalize;
  font-size: 1.3em;
}
.dataview .btn-section {
  display: flex;
  justify-content: flex-end;
}
.dataview section.frm-sec {
  display: flex;
  flex-flow: column;
  padding-bottom: 100px;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 68vh;
}
.dataview section.frm-sec .grid-item {
  margin: 10px 0px;
}
.dataview section.frm-sec .grid-item .grid-item-content textarea {
  width: 100% !important;
  border: 1px solid #d8d9da;
  background-color: white;
  outline: 0px;
}
.dataview section.frm-sec .grid-item .grid-item-content label {
  color: black;
}
.dataview section.frm-sec .grid-item .grid-item-content .input-group.date {
  max-width: 200px;
}
.dataview section.frm-sec .grid-item .grid-item-content .file-name {
  word-break: break-all;
}
.dataview section.frm-sec .grid-item .grid-item-content .uiselect .btn-default {
  color: #000000;
  background-color: #ffffff;
}
.dataview section.frm-sec .input-group-addon {
  background-color: #ffffff;
  border: none;
  border-radius: 0px;
}
.dataview section.frm-sec .table-search {
  width: 100%;
  position: relative;
  background-color: #f0f0f0;
}
.dataview section.frm-sec .table-search .instr {
  width: 100%;
  height: 30px;
}
.dataview section.frm-sec .table-search input {
  width: 100%;
}
.dataview section.frm-sec .table-search .search-container {
  width: 100%;
  max-height: 120px;
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  z-index: 22;
  background-color: #f0f0f0;
}
.dataview section.frm-sec .table-search .search-container .search-row {
  height: 30px;
  cursor: pointer;
}
.dataview .delete-btns {
  display: flex;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.tbedit .ngdialog-content {
  width: 60vw !important;
}
.table-edit .msg-box {
  height: 32px;
}
.table-edit .header-name {
  font-weight: bold;
}
.table-edit .main-pnl .tool-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.table-edit .main-pnl .tool-bar form {
  width: 50%;
}
.table-edit .main-pnl .tool-bar .table-input {
  width: 100%;
  height: 50px;
  background-color: white;
  font-size: 30px;
  border-radius: 5px;
}
.table-edit .main-pnl .tool-bar .btn-primary {
  display: flex;
}
.table-edit .main-pnl .tool-bar .btn-primary span {
  margin: 5px 8px;
}
.table-edit .main-pnl .table-col-list .row {
  line-height: 35px;
}
.table-edit .main-pnl .table-col-list .table-cols {
  height: 50vh;
  overflow-y: auto;
  padding-bottom: 60px;
}
.table-edit .main-pnl .table-col-list .table-cols .edit-btns .btn {
  background: inherit;
}
.table-edit .main-pnl .table-col-list .table-cols .drg-hdl {
  float: left;
  cursor: ns-resize;
  margin-right: 15px;
}
.table-edit .main-pnl .table-col-list .table-cols .drg-hdl .fa {
  font-size: 1.3em;
}
.table-edit .main-pnl .table-col-list .table-cols .editable-wrap.editable-text {
  width: 90%;
}
.table-edit .main-pnl .table-col-list .table-cols .editable-wrap.editable-text input {
  width: 100%;
  border-radius: 5px;
  background-color: white;
}
.table-edit .main-pnl .table-col-list .table-cols .lock {
  width: 70px;
  text-align: center;
  display: inline-block;
}
.table-edit .main-pnl .table-col-list .table-cols .table-cols-header {
  background-color: #ffffff;
}
.table-edit .main-pnl .table-col-list .table-cols .row {
  border-top: 1px solid #ccc;
}
.table-edit .main-pnl .table-col-list .table-cols .row.drop .lblval {
  opacity: 0.7;
  text-decoration: line-through;
}
.table-edit .main-pnl .btm-btns {
  display: flex;
  justify-content: end;
}
.table-edit .main-pnl .row-ph {
  border: 1px dashed;
  height: 37px;
  background-color: rgba(66, 133, 244, 0.24);
}
.table-edit .main-pnl .btn-data-type {
  margin: 0px;
  width: 100%;
  display: inline-block;
  text-align: left;
  line-height: 37px;
  padding: 0px 4px;
}
.table-edit .main-pnl .btn-data-type .fa-edit {
  padding: 4px;
}
.table-edit .main-pnl .editable-row .columnname-field {
  width: 250px;
}
.table-edit .main-pnl .editable-row .length-field {
  width: 50px;
}
.table-edit .main-pnl .view-pnl {
  border-left: 1px solid #f0f0f0;
  flex-basis: 20%;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.import-modal .ngdialog-content {
  width: 50% !important;
  min-height: 40%;
}
.import-wrapper {
  width: 100%;
  margin: auto;
}
.import-wrapper .top {
  display: flex;
  justify-content: space-between;
}
.import-wrapper .import-panel .upload-err {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: auto;
}
.import-wrapper .import-panel .upload-list > div {
  margin: 15px 0px;
}
.import-wrapper .import-panel .filepicker-container {
  display: flex;
  flex-direction: row;
  width: 50%;
}
.import-wrapper .import-panel .filepicker-container .cancel {
  position: relative;
  width: 45px;
  top: -2px;
}
.import-wrapper .import-panel .filepicker-wrapper {
  width: 100%;
}
.import-wrapper .import-panel .filepicker-wrapper .group-span-filestyle .btn-default {
  color: #ffffff;
  background-color: #8b5cf6;
  border-color: #8b5cf6;
}
.import-wrapper .import-panel .help-section .csv-header {
  cursor: pointer;
}
.import-wrapper .import-panel .help-section .about-csv-container {
  background-color: #E2E2E2;
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.import-wrapper .import-panel .help-section .about-csv-container .left {
  width: 50%;
}
.import-wrapper .import-panel .help-section .about-csv-container .right {
  width: 50%;
  margin: 10px;
}
.import-wrapper .import-panel .help-section .about-csv-container .csv-header {
  color: #4285F4;
  font-size: 25px;
}
.import-wrapper .import-panel .help-section .about-csv-container .example-container {
  background-color: #ffffff;
  padding: 15px;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
html {
  direction: ltr;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
html,
body {
  height: 100%;
  overflow: hidden;
}
.smooth-scroll {
  scroll-behavior: smooth;
}
.loadbar-holder {
  top: 53px;
  position: fixed;
  width: 100%;
  z-index: 39;
}
.wrapper {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.table-filter-cont {
  box-shadow: 0px 1px 8px -2px #d8d9da;
  position: fixed;
  width: 18vw;
  top: 50px;
  right: -1000px;
  background-color: #ffffff;
  z-index: 9999;
  transition: ease-in 0.2s;
}
.table-filter-cont.show {
  right: 0px;
}
@media (max-width: 1024px) {
  .table-filter-cont {
    width: 60vw;
  }
}
.table-filter {
  margin: auto;
}
.table-filter .dv-hdr {
  display: flex;
  justify-content: space-between;
  background-color: #0ea5e9;
  color: #ffffff;
}
.table-filter .dv-hdr .srclbl {
  text-transform: capitalize;
  font-size: 1.3em;
}
.table-filter .dv-hdr .dvclose {
  width: 7%;
  cursor: pointer;
}
.table-filter .dv-hdr .dvclose i {
  color: #ffffff;
  font-size: 1.3em;
}
.table-filter section.frm-sec {
  display: flex;
  flex-flow: column;
  padding-bottom: 100px;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 68vh;
}
.table-filter section.frm-sec .filter-actions .clear-all {
  display: flex;
  justify-content: end;
}
.table-filter section.frm-sec .filter-actions .clear-all a {
  border-bottom: 1px solid #c5cbce;
  cursor: pointer;
}
.table-filter section.frm-sec .filter-actions .filter-actions-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}
.table-filter section.frm-sec .filter-actions .saved-filters {
  max-height: 200px;
  overflow-y: auto;
  background-color: #eeeeee;
  padding: 10px;
}
.table-filter section.frm-sec .filter-actions .saved-filters .saved-filter-item {
  display: flex;
  align-items: center;
  padding: 5px 0;
  border-bottom: 1px solid #eee;
}
.table-filter section.frm-sec .filter-actions .saved-filters .saved-filter-item .filter-name {
  cursor: pointer;
  color: #0ea5e9;
  text-decoration: underline;
  flex: 1;
  font-weight: bold;
}
.table-filter section.frm-sec .filter-actions .saved-filters .saved-filter-item .filter-date {
  color: #888;
  font-size: 0.8em;
  margin-left: 10px;
}
.table-filter section.frm-sec .filter-actions .saved-filters .saved-filter-item .ic-delete {
  cursor: pointer;
  color: #d9534f;
  font-size: 0.9em;
}
.table-filter section.frm-sec .filter-actions .saved-filters .saved-filter-item .ic-delete:hover {
  color: #c9302c;
}
.table-filter section.frm-sec .filter-actions .save-filter-section a {
  border-bottom: 1px solid #c5cbce;
  cursor: pointer;
  color: #0ea5e9;
}
.table-filter section.frm-sec .filter-actions .save-filter-section .save-options input {
  width: 100%;
  margin-bottom: 5px;
}
.table-filter section.frm-sec .fg .fg-item.open {
  background-color: #f4f4f4;
}
.table-filter section.frm-sec .fg .fg-item .lbl {
  text-transform: capitalize;
}
.table-filter section.frm-sec .fg .fg-item .filter-crit {
  width: 90%;
}
.table-filter section.frm-sec .fg .fg-item .filter-crit input {
  width: 100%;
  background-color: white;
  height: 37px;
  border-radius: 5px;
}
.table-filter section.frm-sec .fg .fg-item .uiselect input,
.table-filter section.frm-sec .fg .fg-item .uiselect .btn-default {
  border-radius: 5px;
}
.table-filter .btn-section {
  display: flex;
  justify-content: flex-end;
}

.table-search {
  width: 100%;
  position: relative;
  background-color: #f0f0f0;
}
.table-search .instr {
  width: 100%;
  height: 30px;
}
.table-search input {
  width: 100%;
}
.table-search .search-container {
  width: 100%;
  max-height: 120px;
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  z-index: 22;
  background-color: #f0f0f0;
}
.table-search .search-container .search-row {
  height: 30px;
  cursor: pointer;
}

.table-merge {
  width: 70%;
  margin: 0 auto;
}
.table-merge .import-col-list {
  max-height: 40vh;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 30vh;
}
.table-merge .dest-columns .btn.btn-default {
  color: black;
  background-color: white;
}
.table-merge .button-row {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.table-merge .button-row .margin-right {
  margin-right: 5px;
}

.table-stats ul li {
  list-style: none;
  float: left;
  margin-right: 5px;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.table-view .table-container {
  width: calc(100% - 75px);
  margin: auto;
}
.table-view .table-container .table-tools {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 40px;
}
.table-view .table-container .table-tools .tbl-btn-lft {
  display: flex;
  align-items: center;
}
.table-view .table-container .table-tools .tbl-btn-rgt .tbl-btn-cntr > div {
  display: flex;
  justify-content: space-between;
}
.table-view .table-container .table-tools .tbl-btn-rgt .tbl-btn-cntr > div .searchbtn,
.table-view .table-container .table-tools .tbl-btn-rgt .tbl-btn-cntr > div .addbtn,
.table-view .table-container .table-tools .tbl-btn-rgt .tbl-btn-cntr > div .btn-more {
  width: 60px;
  line-height: 0;
  padding: 0px;
  height: 40px;
}
.table-view .table-container .table-tools .tbl-btn-rgt .tbl-btn-cntr > div .clear-all {
  cursor: pointer;
}
.table-view .table-container .table-tools .tbl-btn-rgt .tbl-btn-cntr .dropdown ul li {
  cursor: pointer;
}
.table-view .table-container .table-tools .tbl-btn-rgt .tbl-btn-cntr .dropdown ul li a {
  border: none;
  padding: 0px 5px;
}
.table-view .table-container .btn-group.table-buttons {
  border: 1px solid;
  width: 15%;
  float: right;
}
.table-view .table-container .edit-col {
  position: sticky;
  right: 0%;
  background-color: #ffffff;
}
.table-view .table-container .edit-col .btn {
  background-color: #ffffff;
}
.table-view #tabledata tbody tr:hover {
  background-color: #b7daf957;
  cursor: pointer;
}
.table-view #tabledata_length label {
  color: #292929;
  margin: 0px;
}
.table-view #tabledata_length select {
  color: #292929;
  height: 40px;
  border-radius: 5px;
  border-color: #d8d9da;
  background-color: #ffffff;
  font-weight: normal;
}
.table-view .tt-flag {
  padding: 3px;
}
.table-view .edit-view {
  border: 1px solid;
}

.workflow-edit.narrow-width {
  width: 70% !important;
}
.workflow-edit .screen-list-frame .table-cols-header {
  height: 30px;
}
.workflow-edit .screen-list-frame .screen-list {
  height: 65vh;
  padding: 0 20px;
  overflow-y: auto;
  width: 100%;
}
.workflow-edit .screen-list-frame .screen-list .row {
  border-bottom: 1px solid #e4eaec;
  height: 80px;
}
.workflow-edit .screen-list-frame .screen-list .drg-hdl {
  float: left;
  cursor: ns-resize;
  margin-right: 15px;
}
.workflow-edit .screen-list-frame .screen-list .drg-hdl .fa {
  font-size: 1.3em;
}
.workflow-edit .screen-list-frame .screen-list .editable-wrap.editable-text {
  width: 90%;
}
.workflow-edit .screen-list-frame .screen-list .editable-wrap.editable-text input {
  width: 100%;
}
.workflow-edit .row-ph {
  border: 1px dashed;
  height: 100px;
  background-color: rgba(66, 133, 244, 0.24);
}
.workflow-edit .editable-row .columnname-field {
  width: 250px;
}
.workflow-edit .editable-row .length-field {
  width: 50px;
}

.workflow-screen {
  width: 95%;
  margin: 0 auto;
}
.workflow-screen .table-container .dataTables_scrollHeadInner,
.workflow-screen .table-container .dataTables_scrollBody {
  width: 100% !important;
}
.workflow-screen .table-container .dataTables_scrollHeadInner table,
.workflow-screen .table-container .dataTables_scrollBody table {
  width: 100% !important;
}
.workflow-screen .table-container .table-tools {
  display: inline-block;
  width: 100%;
}
.workflow-screen #screen-data-table tbody tr:hover {
  cursor: pointer;
}
.workflow-screen input[type=search] {
  width: 300px;
}

.workflow-view.narrow-width {
  width: 70% !important;
}
.workflow-view .screen-list-frame .row {
  border-bottom: 1px solid #e4eaec;
  height: 80px;
}
.workflow-view .screen-list-frame .table-cols-header {
  height: 30px;
}
.workflow-view .screen-list-frame .screen-list {
  height: 65vh;
  padding: 0 20px;
  overflow-y: auto;
  width: 100%;
}
.workflow-view .screen-list-frame .screen-list .drg-hdl {
  float: left;
  cursor: ns-resize;
  margin-right: 15px;
}
.workflow-view .screen-list-frame .screen-list .drg-hdl .fa {
  font-size: 1.3em;
}
.workflow-view .screen-list-frame .screen-list .editable-wrap.editable-text {
  width: 90%;
}
.workflow-view .screen-list-frame .screen-list .editable-wrap.editable-text input {
  width: 100%;
}
.workflow-view .row-ph {
  border: 1px dashed;
  height: 100px;
  background-color: rgba(66, 133, 244, 0.24);
}
.workflow-view .editable-row .columnname-field {
  width: 250px;
}
.workflow-view .editable-row .length-field {
  width: 50px;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.editor-props {
  height: 200vh;
}
.editor-props .sec-props .sec-top {
  display: flex;
  justify-content: space-between;
}
.editor-props .sec-props .sec-top .btn-rnd {
  width: 36px;
  height: 36px;
  padding: 6px;
  background-color: #e20000;
}
.editor-props .field-props input,
.editor-props .field-props .fa-check {
  background-color: #ffffff;
}
.editor-props .field-props .field-lbl {
  border-radius: 5px;
}
.editor-props .field-props .formula {
  display: flex;
  flex-direction: column;
}
.editor-props .field-props .formula #formulaField {
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 130px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
.editor-props .field-props .formula .ic-add {
  position: relative;
  top: -133px;
  left: 203px;
}
.editor-props .field-props .formconfig .formname {
  word-wrap: break-word;
  word-break: break-all;
}
.editor-props .field-props .formconfig input {
  width: 100%;
}
.editor-props .field-props .formconfig .fieldlist {
  overflow-y: auto;
  height: 34vh;
  padding: 3px;
}
.editor-props .field-props .formconfig .fieldlist ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.editor-props .field-props .userconfig .prop-list {
  height: 25vh;
  overflow-y: auto;
}
.editor-props .field-props .dropdown {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #d8d9da;
  cursor: pointer;
}
.editor-props .field-props .dropdown .ddtgl {
  display: flex;
}
.editor-props .field-props .dropdown .ddtgl span {
  width: 100%;
  display: inline-block;
  padding: 3px;
}
.editor-props .field-props .dropdown .dropdown-menu {
  width: 100%;
  padding: 5px;
}
.editor-props .field-props .dropdown .dropdown-menu li {
  padding: 3px;
}
.editor-props .field-props .dropdown .dropdown-menu li:hover {
  background-color: #00b1ff3b;
}
.editor-props .field-props .droplistconfig .dl-choice {
  border: 1px solid #E6E6E6;
  padding: 9px;
  margin-bottom: 20px;
  cursor: move;
  box-sizing: border-box;
  height: 40px;
  display: flex;
  justify-content: space-between;
}
.editor-props .field-props .droplistconfig .dl-choice input {
  width: 100%;
}
.editor-props .field-props .droplistconfig .dl-choice > div:first-child {
  /* border: 1px solid; */
  /* width: 20px; */
  /* display: flex; */
  /* justify-content: center; */
  /* height: 20px;*/
}
.editor-props .field-props .droplistconfig .dl-choice .name {
  width: 60%;
  margin-left: 7px;
}
.editor-props .field-props .droplistconfig .dl-choice .btns {
  display: flex;
}
.editor-props .rbac select {
  width: 100%;
  height: 35px;
}
.editor-props .orphaned-ref-warning .alert-danger {
  background-color: #f2dede;
  border: 1px solid #d9534f;
  color: #a94442;
  padding: 15px;
  border-radius: 4px;
}
.editor-props .orphaned-ref-warning .alert-danger i.ic-warning {
  font-size: 20px;
  vertical-align: middle;
}
.editor-props .orphaned-ref-warning .alert-danger strong {
  display: block;
  margin-bottom: 10px;
}
.editor-props .orphaned-ref-warning .alert-danger p {
  margin-bottom: 8px;
  line-height: 1.5;
}
.editor-props .orphaned-ref-warning .alert-danger .btn-danger {
  background-color: #d9534f;
  border-color: #d43f3a;
  color: white;
}
.editor-props .orphaned-ref-warning .alert-danger .btn-danger:hover {
  background-color: #c9302c;
  border-color: #ac2925;
}
.editor-props .orphaned-ref-warning .alert-danger .btn-danger i {
  font-size: 14px;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
html {
  direction: ltr;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
html,
body {
  height: 100%;
  overflow: hidden;
}
.smooth-scroll {
  scroll-behavior: smooth;
}
.loadbar-holder {
  top: 53px;
  position: fixed;
  width: 100%;
  z-index: 39;
}
.wrapper {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.ngdialog.exp-builder-modal {
  padding-bottom: 160px;
  padding-top: 10px;
  top: 50px;
}
.ngdialog.exp-builder-modal .ngdialog-content {
  width: 55vw;
}
.expbuilder .wrp {
  height: 60vh;
  display: flex;
}
.expbuilder .wrp .lf {
  width: 30%;
}
.expbuilder .wrp .lf .fields {
  height: 250px;
}
.expbuilder .wrp .lf .fields .fields-wrp {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.expbuilder .wrp .lf .fields .fields-wrp .acol {
  display: flex;
  height: 35px;
  padding: 5px;
}
.expbuilder .wrp .lf .fields .fields-wrp .acol:hover {
  background-color: #e8f3fd !important;
}
.expbuilder .wrp .lf .tables {
  height: 250px;
}
.expbuilder .wrp .lf .tables .tables-wrp {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.expbuilder .wrp .lf .tables .tables-wrp .acol {
  display: flex;
  flex-direction: column;
}
.expbuilder .wrp .lf .tables .tables-wrp .acol .lbl {
  height: 35px;
}
.expbuilder .wrp .lf .tables .tables-wrp .acol .lbl:hover {
  background-color: #e8f3fd !important;
}
.expbuilder .wrp .lf .tables .tables-wrp .blk-cont {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  height: 0px;
  overflow-y: hidden;
  transition: ease-in 0.2s;
}
.expbuilder .wrp .lf .tables .tables-wrp .blk-cont.open {
  height: 100%;
  overflow-y: auto;
}
.expbuilder .wrp .rt {
  width: 70%;
}
.expbuilder .wrp .rt .expbldr .exp-btns .btn {
  height: 32px;
  width: 32px;
}
.expbuilder .wrp .rt .expbldr textarea {
  min-height: 200px;
  padding: 10px;
  width: 100%;
  /* border: none; */
  display: block;
  max-width: 100%;
  max-height: 500px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
}
.expbuilder .wrp .rt .expbldr .expr-div {
  border: 1px solid;
  height: 180px;
}
.expbuilder .btn-row {
  display: flex;
  justify-content: end;
}

.tablecols .wrp {
  height: 50vh;
  display: flex;
  justify-content: space-evenly;
}
.tablecols .wrp .tblcols {
  width: 45%;
  height: 100%;
  overflow-y: auto;
}
.tablecols .wrp .mid {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.tablecols .wrp .acol {
  border: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
  padding: 3px;
}
.tablecols .wrp .ui-state-highlight {
  background-color: #f0f19d;
  height: 45px;
}
.tablecols .btn-row {
  display: flex;
  justify-content: end;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.ngdialog.form-row-view-screen {
  padding-bottom: 160px;
  padding-top: 10px;
}
.ngdialog.form-row-view-screen .ngdialog-content {
  width: 80%;
  height: 75vh;
}
.form-row-view .ui-draggable-dragging {
  z-index: 222222;
}
.form-row-view > .top {
  height: 50px;
  display: flex;
  justify-content: space-between;
}
.form-row-view .no-views {
  width: 40%;
  margin: auto;
  margin-top: 7%;
}
.form-row-view .view-list {
  height: 90%;
}
.form-row-view .view-list .view-buttons {
  display: flex;
  justify-content: end;
}
.form-row-view .view-list .view-list-wrapper .view-list-rows {
  height: 50vh;
  position: absolute;
  width: 98%;
}
.form-row-view .view-list .view-list-wrapper .view-list-rows .view-row:hover {
  background-color: #e8f3fd;
}
.form-row-view .edit-mode .top {
  display: flex;
  justify-content: end;
  flex-flow: row;
  width: 50%;
  margin: auto;
}
.form-row-view .edit-mode .top > div {
  width: 100%;
}
.form-row-view .edit-mode .top > div > div:first-child {
  flex-basis: 8%;
}
.form-row-view .edit-mode .top > div > div:nth-child(2) {
  flex-basis: 25%;
  margin-right: 7px;
}
.form-row-view .edit-mode .top .error {
  height: 25px;
}
.form-row-view .edit-mode .top input[name="ViewName"] {
  width: 100%;
  height: 30px;
}
.form-row-view .edit-mode .top select {
  width: 100%;
  height: 30px;
}
.form-row-view .edit-mode .col-list-wrapper > div:first-child {
  display: flex;
}
.form-row-view .edit-mode .col-list-wrapper .available {
  height: 80%;
  flex-basis: 20%;
  margin-right: 2%;
}
.form-row-view .edit-mode .col-list-wrapper .available .avail-list {
  height: 45vh;
  overflow-y: auto;
}
.form-row-view .edit-mode .col-list-wrapper .available .avail-list .drg-col:hover {
  background-color: #4285f414;
}
.form-row-view .edit-mode .col-list-wrapper .available .avail-list > div {
  cursor: pointer;
}
.form-row-view .edit-mode .col-list-wrapper .applied {
  flex-basis: 80%;
}
.form-row-view .edit-mode .col-list-wrapper .filter-cols {
  height: 40vh;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (min-width: 768px) and (max-width: 991px) {
  .form-row-view .edit-mode .col-list-wrapper .filter-cols {
    height: 250px;
  }
}
.form-row-view .edit-mode .col-list-wrapper .filter-cols .drg-hdl {
  cursor: ns-resize;
  display: inline-block;
}
.form-row-view .edit-mode .col-list-wrapper .filter-cols .col-name {
  display: inline-block;
}
.form-row-view .edit-mode .col-list-wrapper .filter-cols .row-ph {
  border: 1px dashed;
  height: 37px;
  background-color: rgba(66, 133, 244, 0.24);
}
.form-row-view .edit-mode .col-list-wrapper .filter-cols .row:hover {
  background-color: #e8f3fd;
}
.form-row-view .edit-mode .col-list-wrapper .filter-cols .btns {
  display: flex;
}
.form-row-view .edit-mode .filter-screen {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  display: flex;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 4;
  left: 0;
}
.form-row-view .edit-mode .filter-screen .filter-content {
  background-color: white;
  height: 70%;
  width: 60%;
  margin: auto;
}
.form-row-view .edit-mode .filter-screen .filter-content .middle {
  height: 68%;
}







.xero-lineitems .trunk {
  max-width: 300px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.xero-lineitems .err-msg {
  display: flex;
  justify-content: center;
  height: 44px;
}
.xero-lineitems .err-msg .success.show {
  background-color: #f0f8ff;
}
.xero-lineitems #lineitems_tabledata .noedit {
  width: 65%;
  display: inline-block;
  white-space: pre-wrap;
  font-style: italic;
}
.xero-lineitems #lineitems_tabledata .propid {
  width: 80px;
  word-break: break-all;
  white-space: normal;
}
.xero-lineitems #lineitems_tabledata .lne-frm .li-desc {
  display: flex;
  flex-flow: nowrap;
}
.xero-lineitems #lineitems_tabledata .lne-frm .li-desc .trunk {
  width: 93%;
}
.xero-lineitems #lineitems_tabledata .lne-frm .edit-li {
  background-color: #f9f9f9;
  display: flex;
  flex-direction: column;
}



.choose-data-type {
  min-height: 500px;
}
.choose-data-type select {
  cursor: pointer;
}
.choose-data-type .editable-row .columnname-field {
  width: 250px;
}
.choose-data-type .editable-row .length-field {
  width: 50px;
}
.choose-data-type .buttons {
  position: absolute;
  bottom: 20px;
  width: 100%;
}
.choose-data-type .data-type-wrapper {
  margin-bottom: 50px;
}
.choose-data-type .label-preview {
  border-radius: 5px;
  background-color: white;
  min-height: 72px;
}
.choose-data-type .clear-confirmation {
  border: 1px solid red;
  padding: 10px;
}

/*
our custom classes
*/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
.ngdialog.editview-screen {
  padding-bottom: 160px;
  padding-top: 10px;
}
.ngdialog.editview-screen .ngdialog-content {
  width: 80%;
  height: 75vh;
}
.editview .ui-draggable-dragging {
  z-index: 222222;
}
.editview > .top {
  height: 50px;
  display: flex;
  justify-content: space-between;
}
.editview .no-views {
  width: 40%;
  margin: auto;
  margin-top: 7%;
}
.editview .view-list {
  height: 90%;
}
.editview .view-list .view-buttons {
  display: flex;
  justify-content: end;
}
.editview .view-list .view-list-wrapper .view-list-rows {
  height: 50vh;
  position: absolute;
  width: 98%;
}
.editview .view-list .view-list-wrapper .view-list-rows .view-row:hover {
  background-color: #e8f3fd;
}
.editview .edit-mode .top {
  display: flex;
  justify-content: end;
  flex-flow: row;
  width: 50%;
  margin: auto;
}
.editview .edit-mode .top > div {
  width: 100%;
}
.editview .edit-mode .top > div > div:first-child {
  flex-basis: 8%;
}
.editview .edit-mode .top > div > div:nth-child(2) {
  flex-basis: 25%;
  margin-right: 7px;
}
.editview .edit-mode .top .error {
  height: 25px;
}
.editview .edit-mode .top input[name="ViewName"] {
  width: 100%;
  height: 30px;
}
.editview .edit-mode .top select {
  width: 100%;
  height: 30px;
}
.editview .edit-mode .col-list-wrapper > div:first-child {
  display: flex;
}
.editview .edit-mode .col-list-wrapper .available {
  height: 80%;
  flex-basis: 20%;
  margin-right: 2%;
}
.editview .edit-mode .col-list-wrapper .available .avail-list {
  height: 45vh;
  overflow-y: auto;
}
.editview .edit-mode .col-list-wrapper .available .avail-list .drg-col:hover {
  background-color: #4285f414;
}
.editview .edit-mode .col-list-wrapper .available .avail-list > div {
  cursor: pointer;
}
.editview .edit-mode .col-list-wrapper .applied {
  flex-basis: 80%;
}
.editview .edit-mode .col-list-wrapper .filter-cols {
  height: 40vh;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (min-width: 768px) and (max-width: 991px) {
  .editview .edit-mode .col-list-wrapper .filter-cols {
    height: 250px;
  }
}
.editview .edit-mode .col-list-wrapper .filter-cols .drg-hdl {
  cursor: ns-resize;
  display: inline-block;
}
.editview .edit-mode .col-list-wrapper .filter-cols .col-name {
  display: inline-block;
}
.editview .edit-mode .col-list-wrapper .filter-cols .row-ph {
  border: 1px dashed;
  height: 37px;
  background-color: rgba(66, 133, 244, 0.24);
}
.editview .edit-mode .col-list-wrapper .filter-cols .row:hover {
  background-color: #e8f3fd;
}
.editview .edit-mode .col-list-wrapper .filter-cols .btns {
  display: flex;
}
.editview .edit-mode .filter-screen {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  display: flex;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 4;
  left: 0;
}
.editview .edit-mode .filter-screen .filter-content {
  background-color: white;
  height: 70%;
  width: 60%;
  margin: auto;
}
.editview .edit-mode .filter-screen .filter-content .middle {
  height: 68%;
}

.filterdata-dialog {
  padding-top: 5px !important;
}
.filterdata-dialog .ngdialog-content {
  width: 70vw !important;
  top: 20px !important;
}

.add-contact form input {
  width: 100%;
}

.contact-invoices .line-items {
  background-color: #ccc;
}

.edit-lineitem form input {
  width: 100%;
}






.type-link .flag-green {
  background-color: #5dea0b63;
}
.type-link .flag-yellow {
  background-color: #eac90b63;
}
.type-link .flag-red {
  background-color: #ea0b0b63;
}
.type-link .flag-days {
  width: 55px;
}
.type-link .flag-buttons {
  display: inline-block;
}
.type-link .flag-buttons button.selected {
  border: 2px solid #4285f4;
}
.type-link .flag-buttons button span {
  height: 20px;
  width: 20px;
  display: inline-block;
}
.type-link .opt-tab {
  height: 310px;
}