@charset "UTF-8";
@font-face {
  font-family: 'robotoblack';
  src: url("../fonts/roboto/Roboto-Black-webfont.eot");
  src: url("../fonts/roboto/Roboto-Black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Black-webfont.woff2") format("woff2"), url("../fonts/roboto/Roboto-Black-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Black-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Black-webfont.svg#robotoblack") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotoblack_italic';
  src: url("../fonts/roboto/Roboto-BlackItalic-webfont.eot");
  src: url("../fonts/roboto/Roboto-BlackItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-BlackItalic-webfont.woff2") format("woff2"), url("../fonts/roboto/Roboto-BlackItalic-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-BlackItalic-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-BlackItalic-webfont.svg#robotoblack_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotobold';
  src: url("../fonts/roboto/Roboto-Bold-webfont.eot");
  src: url("../fonts/roboto/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Bold-webfont.woff2") format("woff2"), url("../fonts/roboto/Roboto-Bold-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Bold-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Bold-webfont.svg#robotobold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condensedbold';
  src: url("../fonts/roboto/RobotoCondensed-Bold-webfont.eot");
  src: url("../fonts/roboto/RobotoCondensed-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/RobotoCondensed-Bold-webfont.woff2") format("woff2"), url("../fonts/roboto/RobotoCondensed-Bold-webfont.woff") format("woff"), url("../fonts/roboto/RobotoCondensed-Bold-webfont.ttf") format("truetype"), url("../fonts/roboto/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condensedbold';
  src: url("../fonts/roboto/RobotoCondensed-Bold-webfont.eot");
  src: url("../fonts/roboto/RobotoCondensed-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/RobotoCondensed-Bold-webfont.woff2") format("woff2"), url("../fonts/roboto/RobotoCondensed-Bold-webfont.woff") format("woff"), url("../fonts/roboto/RobotoCondensed-Bold-webfont.ttf") format("truetype"), url("../fonts/roboto/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotobold_italic';
  src: url("../fonts/roboto/Roboto-BoldItalic-webfont.eot");
  src: url("../fonts/roboto/Roboto-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-BoldItalic-webfont.woff2") format("woff2"), url("../fonts/roboto/Roboto-BoldItalic-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-BoldItalic-webfont.svg#robotobold_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condensedregular';
  src: url("../fonts/roboto/RobotoCondensed-Regular-webfont.eot");
  src: url("../fonts/roboto/RobotoCondensed-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/RobotoCondensed-Regular-webfont.woff2") format("woff2"), url("../fonts/roboto/RobotoCondensed-Regular-webfont.woff") format("woff"), url("../fonts/roboto/RobotoCondensed-Regular-webfont.ttf") format("truetype"), url("../fonts/roboto/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condenseditalic';
  src: url("../fonts/roboto/RobotoCondensed-Italic-webfont.eot");
  src: url("../fonts/roboto/RobotoCondensed-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/RobotoCondensed-Italic-webfont.woff2") format("woff2"), url("../fonts/roboto/RobotoCondensed-Italic-webfont.woff") format("woff"), url("../fonts/roboto/RobotoCondensed-Italic-webfont.ttf") format("truetype"), url("../fonts/roboto/RobotoCondensed-Italic-webfont.svg#roboto_condenseditalic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotoitalic';
  src: url("../fonts/roboto/Roboto-Italic-webfont.eot");
  src: url("../fonts/roboto/Roboto-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Italic-webfont.woff2") format("woff2"), url("../fonts/roboto/Roboto-Italic-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Italic-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Italic-webfont.svg#robotoitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotolight';
  src: url("../fonts/roboto/Roboto-Light-webfont.eot");
  src: url("../fonts/roboto/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Light-webfont.woff2") format("woff2"), url("../fonts/roboto/Roboto-Light-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Light-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Light-webfont.svg#robotolight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condensedlight';
  src: url("../fonts/roboto/RobotoCondensed-Light-webfont.eot");
  src: url("../fonts/roboto/RobotoCondensed-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/RobotoCondensed-Light-webfont.woff2") format("woff2"), url("../fonts/roboto/RobotoCondensed-Light-webfont.woff") format("woff"), url("../fonts/roboto/RobotoCondensed-Light-webfont.ttf") format("truetype"), url("../fonts/roboto/RobotoCondensed-Light-webfont.svg#roboto_condensedlight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condensedlight_italic';
  src: url("../fonts/roboto/RobotoCondensed-LightItalic-webfont.eot");
  src: url("../fonts/roboto/RobotoCondensed-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/RobotoCondensed-LightItalic-webfont.woff2") format("woff2"), url("../fonts/roboto/RobotoCondensed-LightItalic-webfont.woff") format("woff"), url("../fonts/roboto/RobotoCondensed-LightItalic-webfont.ttf") format("truetype"), url("../fonts/roboto/RobotoCondensed-LightItalic-webfont.svg#roboto_condensedlight_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotolight_italic';
  src: url("../fonts/roboto/Roboto-LightItalic-webfont.eot");
  src: url("../fonts/roboto/Roboto-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-LightItalic-webfont.woff2") format("woff2"), url("../fonts/roboto/Roboto-LightItalic-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-LightItalic-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-LightItalic-webfont.svg#robotolight_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotomedium';
  src: url("../fonts/roboto/Roboto-Medium-webfont.eot");
  src: url("../fonts/roboto/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Medium-webfont.woff2") format("woff2"), url("../fonts/roboto/Roboto-Medium-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Medium-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Medium-webfont.svg#robotomedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotomedium_italic';
  src: url("../fonts/roboto/Roboto-MediumItalic-webfont.eot");
  src: url("../fonts/roboto/Roboto-MediumItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-MediumItalic-webfont.woff2") format("woff2"), url("../fonts/roboto/Roboto-MediumItalic-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-MediumItalic-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-MediumItalic-webfont.svg#robotomedium_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotoregular';
  src: url("../fonts/roboto/Roboto-Regular-webfont.eot");
  src: url("../fonts/roboto/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular-webfont.woff2") format("woff2"), url("../fonts/roboto/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Regular-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Regular-webfont.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotothin';
  src: url("../fonts/roboto/Roboto-Thin-webfont.eot");
  src: url("../fonts/roboto/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Thin-webfont.woff2") format("woff2"), url("../fonts/roboto/Roboto-Thin-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Thin-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Thin-webfont.svg#robotothin") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotothin_italic';
  src: url("../fonts/roboto/Roboto-ThinItalic-webfont.eot");
  src: url("../fonts/roboto/Roboto-ThinItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-ThinItalic-webfont.woff2") format("woff2"), url("../fonts/roboto/Roboto-ThinItalic-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-ThinItalic-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-ThinItalic-webfont.svg#robotothin_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em;
}

.fa-xs {
  font-size: .75em;
}

.fa-sm {
  font-size: .875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e";
}

.fa-accessible-icon:before {
  content: "\f368";
}

.fa-accusoft:before {
  content: "\f369";
}

.fa-acquisitions-incorporated:before {
  content: "\f6af";
}

.fa-ad:before {
  content: "\f641";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-card:before {
  content: "\f2bb";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-adn:before {
  content: "\f170";
}

.fa-adversal:before {
  content: "\f36a";
}

.fa-affiliatetheme:before {
  content: "\f36b";
}

.fa-air-freshener:before {
  content: "\f5d0";
}

.fa-airbnb:before {
  content: "\f834";
}

.fa-algolia:before {
  content: "\f36c";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-alipay:before {
  content: "\f642";
}

.fa-allergies:before {
  content: "\f461";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-amazon-pay:before {
  content: "\f42c";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-amilia:before {
  content: "\f36d";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-android:before {
  content: "\f17b";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angry:before {
  content: "\f556";
}

.fa-angrycreative:before {
  content: "\f36e";
}

.fa-angular:before {
  content: "\f420";
}

.fa-ankh:before {
  content: "\f644";
}

.fa-app-store:before {
  content: "\f36f";
}

.fa-app-store-ios:before {
  content: "\f370";
}

.fa-apper:before {
  content: "\f371";
}

.fa-apple:before {
  content: "\f179";
}

.fa-apple-alt:before {
  content: "\f5d1";
}

.fa-apple-pay:before {
  content: "\f415";
}

.fa-archive:before {
  content: "\f187";
}

.fa-archway:before {
  content: "\f557";
}

.fa-arrow-alt-circle-down:before {
  content: "\f358";
}

.fa-arrow-alt-circle-left:before {
  content: "\f359";
}

.fa-arrow-alt-circle-right:before {
  content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
  content: "\f35b";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-arrows-alt-h:before {
  content: "\f337";
}

.fa-arrows-alt-v:before {
  content: "\f338";
}

.fa-artstation:before {
  content: "\f77a";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-asymmetrik:before {
  content: "\f372";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-atlas:before {
  content: "\f558";
}

.fa-atlassian:before {
  content: "\f77b";
}

.fa-atom:before {
  content: "\f5d2";
}

.fa-audible:before {
  content: "\f373";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-autoprefixer:before {
  content: "\f41c";
}

.fa-avianex:before {
  content: "\f374";
}

.fa-aviato:before {
  content: "\f421";
}

.fa-award:before {
  content: "\f559";
}

.fa-aws:before {
  content: "\f375";
}

.fa-baby:before {
  content: "\f77c";
}

.fa-baby-carriage:before {
  content: "\f77d";
}

.fa-backspace:before {
  content: "\f55a";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-bacon:before {
  content: "\f7e5";
}

.fa-bacteria:before {
  content: "\e059";
}

.fa-bacterium:before {
  content: "\e05a";
}

.fa-bahai:before {
  content: "\f666";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-balance-scale-left:before {
  content: "\f515";
}

.fa-balance-scale-right:before {
  content: "\f516";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-band-aid:before {
  content: "\f462";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-bars:before {
  content: "\f0c9";
}

.fa-baseball-ball:before {
  content: "\f433";
}

.fa-basketball-ball:before {
  content: "\f434";
}

.fa-bath:before {
  content: "\f2cd";
}

.fa-battery-empty:before {
  content: "\f244";
}

.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battle-net:before {
  content: "\f835";
}

.fa-bed:before {
  content: "\f236";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bezier-curve:before {
  content: "\f55b";
}

.fa-bible:before {
  content: "\f647";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-biking:before {
  content: "\f84a";
}

.fa-bimobject:before {
  content: "\f378";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-biohazard:before {
  content: "\f780";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitcoin:before {
  content: "\f379";
}

.fa-bity:before {
  content: "\f37a";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-blackberry:before {
  content: "\f37b";
}

.fa-blender:before {
  content: "\f517";
}

.fa-blender-phone:before {
  content: "\f6b6";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-blog:before {
  content: "\f781";
}

.fa-blogger:before {
  content: "\f37c";
}

.fa-blogger-b:before {
  content: "\f37d";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-bold:before {
  content: "\f032";
}

.fa-bolt:before {
  content: "\f0e7";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-bone:before {
  content: "\f5d7";
}

.fa-bong:before {
  content: "\f55c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-book-dead:before {
  content: "\f6b7";
}

.fa-book-medical:before {
  content: "\f7e6";
}

.fa-book-open:before {
  content: "\f518";
}

.fa-book-reader:before {
  content: "\f5da";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-bootstrap:before {
  content: "\f836";
}

.fa-border-all:before {
  content: "\f84c";
}

.fa-border-none:before {
  content: "\f850";
}

.fa-border-style:before {
  content: "\f853";
}

.fa-bowling-ball:before {
  content: "\f436";
}

.fa-box:before {
  content: "\f466";
}

.fa-box-open:before {
  content: "\f49e";
}

.fa-box-tissue:before {
  content: "\e05b";
}

.fa-boxes:before {
  content: "\f468";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-brain:before {
  content: "\f5dc";
}

.fa-bread-slice:before {
  content: "\f7ec";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-briefcase-medical:before {
  content: "\f469";
}

.fa-broadcast-tower:before {
  content: "\f519";
}

.fa-broom:before {
  content: "\f51a";
}

.fa-brush:before {
  content: "\f55d";
}

.fa-btc:before {
  content: "\f15a";
}

.fa-buffer:before {
  content: "\f837";
}

.fa-bug:before {
  content: "\f188";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-burn:before {
  content: "\f46a";
}

.fa-buromobelexperte:before {
  content: "\f37f";
}

.fa-bus:before {
  content: "\f207";
}

.fa-bus-alt:before {
  content: "\f55e";
}

.fa-business-time:before {
  content: "\f64a";
}

.fa-buy-n-large:before {
  content: "\f8a6";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-calendar:before {
  content: "\f133";
}

.fa-calendar-alt:before {
  content: "\f073";
}

.fa-calendar-check:before {
  content: "\f274";
}

.fa-calendar-day:before {
  content: "\f783";
}

.fa-calendar-minus:before {
  content: "\f272";
}

.fa-calendar-plus:before {
  content: "\f271";
}

.fa-calendar-times:before {
  content: "\f273";
}

.fa-calendar-week:before {
  content: "\f784";
}

.fa-camera:before {
  content: "\f030";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-campground:before {
  content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
  content: "\f785";
}

.fa-candy-cane:before {
  content: "\f786";
}

.fa-cannabis:before {
  content: "\f55f";
}

.fa-capsules:before {
  content: "\f46b";
}

.fa-car:before {
  content: "\f1b9";
}

.fa-car-alt:before {
  content: "\f5de";
}

.fa-car-battery:before {
  content: "\f5df";
}

.fa-car-crash:before {
  content: "\f5e1";
}

.fa-car-side:before {
  content: "\f5e4";
}

.fa-caravan:before {
  content: "\f8ff";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-caret-square-down:before {
  content: "\f150";
}

.fa-caret-square-left:before {
  content: "\f191";
}

.fa-caret-square-right:before {
  content: "\f152";
}

.fa-caret-square-up:before {
  content: "\f151";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-carrot:before {
  content: "\f787";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cash-register:before {
  content: "\f788";
}

.fa-cat:before {
  content: "\f6be";
}

.fa-cc-amazon-pay:before {
  content: "\f42d";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-apple-pay:before {
  content: "\f416";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-centercode:before {
  content: "\f380";
}

.fa-centos:before {
  content: "\f789";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-chair:before {
  content: "\f6c0";
}

.fa-chalkboard:before {
  content: "\f51b";
}

.fa-chalkboard-teacher:before {
  content: "\f51c";
}

.fa-charging-station:before {
  content: "\f5e7";
}

.fa-chart-area:before {
  content: "\f1fe";
}

.fa-chart-bar:before {
  content: "\f080";
}

.fa-chart-line:before {
  content: "\f201";
}

.fa-chart-pie:before {
  content: "\f200";
}

.fa-check:before {
  content: "\f00c";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-check-double:before {
  content: "\f560";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-cheese:before {
  content: "\f7ef";
}

.fa-chess:before {
  content: "\f439";
}

.fa-chess-bishop:before {
  content: "\f43a";
}

.fa-chess-board:before {
  content: "\f43c";
}

.fa-chess-king:before {
  content: "\f43f";
}

.fa-chess-knight:before {
  content: "\f441";
}

.fa-chess-pawn:before {
  content: "\f443";
}

.fa-chess-queen:before {
  content: "\f445";
}

.fa-chess-rook:before {
  content: "\f447";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-chromecast:before {
  content: "\f838";
}

.fa-church:before {
  content: "\f51d";
}

.fa-circle:before {
  content: "\f111";
}

.fa-circle-notch:before {
  content: "\f1ce";
}

.fa-city:before {
  content: "\f64f";
}

.fa-clinic-medical:before {
  content: "\f7f2";
}

.fa-clipboard:before {
  content: "\f328";
}

.fa-clipboard-check:before {
  content: "\f46c";
}

.fa-clipboard-list:before {
  content: "\f46d";
}

.fa-clock:before {
  content: "\f017";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-closed-captioning:before {
  content: "\f20a";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-cloud-download-alt:before {
  content: "\f381";
}

.fa-cloud-meatball:before {
  content: "\f73b";
}

.fa-cloud-moon:before {
  content: "\f6c3";
}

.fa-cloud-moon-rain:before {
  content: "\f73c";
}

.fa-cloud-rain:before {
  content: "\f73d";
}

.fa-cloud-showers-heavy:before {
  content: "\f740";
}

.fa-cloud-sun:before {
  content: "\f6c4";
}

.fa-cloud-sun-rain:before {
  content: "\f743";
}

.fa-cloud-upload-alt:before {
  content: "\f382";
}

.fa-cloudflare:before {
  content: "\e07d";
}

.fa-cloudscale:before {
  content: "\f383";
}

.fa-cloudsmith:before {
  content: "\f384";
}

.fa-cloudversify:before {
  content: "\f385";
}

.fa-cocktail:before {
  content: "\f561";
}

.fa-code:before {
  content: "\f121";
}

.fa-code-branch:before {
  content: "\f126";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cog:before {
  content: "\f013";
}

.fa-cogs:before {
  content: "\f085";
}

.fa-coins:before {
  content: "\f51e";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-comment:before {
  content: "\f075";
}

.fa-comment-alt:before {
  content: "\f27a";
}

.fa-comment-dollar:before {
  content: "\f651";
}

.fa-comment-dots:before {
  content: "\f4ad";
}

.fa-comment-medical:before {
  content: "\f7f5";
}

.fa-comment-slash:before {
  content: "\f4b3";
}

.fa-comments:before {
  content: "\f086";
}

.fa-comments-dollar:before {
  content: "\f653";
}

.fa-compact-disc:before {
  content: "\f51f";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-compress:before {
  content: "\f066";
}

.fa-compress-alt:before {
  content: "\f422";
}

.fa-compress-arrows-alt:before {
  content: "\f78c";
}

.fa-concierge-bell:before {
  content: "\f562";
}

.fa-confluence:before {
  content: "\f78d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-cookie:before {
  content: "\f563";
}

.fa-cookie-bite:before {
  content: "\f564";
}

.fa-copy:before {
  content: "\f0c5";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-cotton-bureau:before {
  content: "\f89e";
}

.fa-couch:before {
  content: "\f4b8";
}

.fa-cpanel:before {
  content: "\f388";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-creative-commons-by:before {
  content: "\f4e7";
}

.fa-creative-commons-nc:before {
  content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}

.fa-creative-commons-nd:before {
  content: "\f4eb";
}

.fa-creative-commons-pd:before {
  content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}

.fa-creative-commons-remix:before {
  content: "\f4ee";
}

.fa-creative-commons-sa:before {
  content: "\f4ef";
}

.fa-creative-commons-sampling:before {
  content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}

.fa-creative-commons-share:before {
  content: "\f4f2";
}

.fa-creative-commons-zero:before {
  content: "\f4f3";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-critical-role:before {
  content: "\f6c9";
}

.fa-crop:before {
  content: "\f125";
}

.fa-crop-alt:before {
  content: "\f565";
}

.fa-cross:before {
  content: "\f654";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-crow:before {
  content: "\f520";
}

.fa-crown:before {
  content: "\f521";
}

.fa-crutch:before {
  content: "\f7f7";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-css3-alt:before {
  content: "\f38b";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-cut:before {
  content: "\f0c4";
}

.fa-cuttlefish:before {
  content: "\f38c";
}

.fa-d-and-d:before {
  content: "\f38d";
}

.fa-d-and-d-beyond:before {
  content: "\f6ca";
}

.fa-dailymotion:before {
  content: "\e052";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-deaf:before {
  content: "\f2a4";
}

.fa-deezer:before {
  content: "\e077";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-democrat:before {
  content: "\f747";
}

.fa-deploydog:before {
  content: "\f38e";
}

.fa-deskpro:before {
  content: "\f38f";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-dev:before {
  content: "\f6cc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-dharmachakra:before {
  content: "\f655";
}

.fa-dhl:before {
  content: "\f790";
}

.fa-diagnoses:before {
  content: "\f470";
}

.fa-diaspora:before {
  content: "\f791";
}

.fa-dice:before {
  content: "\f522";
}

.fa-dice-d20:before {
  content: "\f6cf";
}

.fa-dice-d6:before {
  content: "\f6d1";
}

.fa-dice-five:before {
  content: "\f523";
}

.fa-dice-four:before {
  content: "\f524";
}

.fa-dice-one:before {
  content: "\f525";
}

.fa-dice-six:before {
  content: "\f526";
}

.fa-dice-three:before {
  content: "\f527";
}

.fa-dice-two:before {
  content: "\f528";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-digital-ocean:before {
  content: "\f391";
}

.fa-digital-tachograph:before {
  content: "\f566";
}

.fa-directions:before {
  content: "\f5eb";
}

.fa-discord:before {
  content: "\f392";
}

.fa-discourse:before {
  content: "\f393";
}

.fa-disease:before {
  content: "\f7fa";
}

.fa-divide:before {
  content: "\f529";
}

.fa-dizzy:before {
  content: "\f567";
}

.fa-dna:before {
  content: "\f471";
}

.fa-dochub:before {
  content: "\f394";
}

.fa-docker:before {
  content: "\f395";
}

.fa-dog:before {
  content: "\f6d3";
}

.fa-dollar-sign:before {
  content: "\f155";
}

.fa-dolly:before {
  content: "\f472";
}

.fa-dolly-flatbed:before {
  content: "\f474";
}

.fa-donate:before {
  content: "\f4b9";
}

.fa-door-closed:before {
  content: "\f52a";
}

.fa-door-open:before {
  content: "\f52b";
}

.fa-dot-circle:before {
  content: "\f192";
}

.fa-dove:before {
  content: "\f4ba";
}

.fa-download:before {
  content: "\f019";
}

.fa-draft2digital:before {
  content: "\f396";
}

.fa-drafting-compass:before {
  content: "\f568";
}

.fa-dragon:before {
  content: "\f6d5";
}

.fa-draw-polygon:before {
  content: "\f5ee";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-dribbble-square:before {
  content: "\f397";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-drum:before {
  content: "\f569";
}

.fa-drum-steelpan:before {
  content: "\f56a";
}

.fa-drumstick-bite:before {
  content: "\f6d7";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-dumbbell:before {
  content: "\f44b";
}

.fa-dumpster:before {
  content: "\f793";
}

.fa-dumpster-fire:before {
  content: "\f794";
}

.fa-dungeon:before {
  content: "\f6d9";
}

.fa-dyalog:before {
  content: "\f399";
}

.fa-earlybirds:before {
  content: "\f39a";
}

.fa-ebay:before {
  content: "\f4f4";
}

.fa-edge:before {
  content: "\f282";
}

.fa-edge-legacy:before {
  content: "\e078";
}

.fa-edit:before {
  content: "\f044";
}

.fa-egg:before {
  content: "\f7fb";
}

.fa-eject:before {
  content: "\f052";
}

.fa-elementor:before {
  content: "\f430";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-ello:before {
  content: "\f5f1";
}

.fa-ember:before {
  content: "\f423";
}

.fa-empire:before {
  content: "\f1d1";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-text:before {
  content: "\f658";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-envira:before {
  content: "\f299";
}

.fa-equals:before {
  content: "\f52c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-erlang:before {
  content: "\f39d";
}

.fa-ethereum:before {
  content: "\f42e";
}

.fa-ethernet:before {
  content: "\f796";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-euro-sign:before {
  content: "\f153";
}

.fa-evernote:before {
  content: "\f839";
}

.fa-exchange-alt:before {
  content: "\f362";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-expand:before {
  content: "\f065";
}

.fa-expand-alt:before {
  content: "\f424";
}

.fa-expand-arrows-alt:before {
  content: "\f31e";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-external-link-alt:before {
  content: "\f35d";
}

.fa-external-link-square-alt:before {
  content: "\f360";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-dropper:before {
  content: "\f1fb";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-facebook-f:before {
  content: "\f39e";
}

.fa-facebook-messenger:before {
  content: "\f39f";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-fan:before {
  content: "\f863";
}

.fa-fantasy-flight-games:before {
  content: "\f6dc";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-faucet:before {
  content: "\e005";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-feather:before {
  content: "\f52d";
}

.fa-feather-alt:before {
  content: "\f56b";
}

.fa-fedex:before {
  content: "\f797";
}

.fa-fedora:before {
  content: "\f798";
}

.fa-female:before {
  content: "\f182";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-figma:before {
  content: "\f799";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-alt:before {
  content: "\f15c";
}

.fa-file-archive:before {
  content: "\f1c6";
}

.fa-file-audio:before {
  content: "\f1c7";
}

.fa-file-code:before {
  content: "\f1c9";
}

.fa-file-contract:before {
  content: "\f56c";
}

.fa-file-csv:before {
  content: "\f6dd";
}

.fa-file-download:before {
  content: "\f56d";
}

.fa-file-excel:before {
  content: "\f1c3";
}

.fa-file-export:before {
  content: "\f56e";
}

.fa-file-image:before {
  content: "\f1c5";
}

.fa-file-import:before {
  content: "\f56f";
}

.fa-file-invoice:before {
  content: "\f570";
}

.fa-file-invoice-dollar:before {
  content: "\f571";
}

.fa-file-medical:before {
  content: "\f477";
}

.fa-file-medical-alt:before {
  content: "\f478";
}

.fa-file-pdf:before {
  content: "\f1c1";
}

.fa-file-powerpoint:before {
  content: "\f1c4";
}

.fa-file-prescription:before {
  content: "\f572";
}

.fa-file-signature:before {
  content: "\f573";
}

.fa-file-upload:before {
  content: "\f574";
}

.fa-file-video:before {
  content: "\f1c8";
}

.fa-file-word:before {
  content: "\f1c2";
}

.fa-fill:before {
  content: "\f575";
}

.fa-fill-drip:before {
  content: "\f576";
}

.fa-film:before {
  content: "\f008";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-fingerprint:before {
  content: "\f577";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-fire-alt:before {
  content: "\f7e4";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-firefox-browser:before {
  content: "\e007";
}

.fa-first-aid:before {
  content: "\f479";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-first-order-alt:before {
  content: "\f50a";
}

.fa-firstdraft:before {
  content: "\f3a1";
}

.fa-fish:before {
  content: "\f578";
}

.fa-fist-raised:before {
  content: "\f6de";
}

.fa-flag:before {
  content: "\f024";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-flag-usa:before {
  content: "\f74d";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-flipboard:before {
  content: "\f44d";
}

.fa-flushed:before {
  content: "\f579";
}

.fa-fly:before {
  content: "\f417";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-minus:before {
  content: "\f65d";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-folder-plus:before {
  content: "\f65e";
}

.fa-font:before {
  content: "\f031";
}

.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-font-awesome-alt:before {
  content: "\f35c";
}

.fa-font-awesome-flag:before {
  content: "\f425";
}

.fa-font-awesome-logo-full:before {
  content: "\f4e6";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-fonticons-fi:before {
  content: "\f3a2";
}

.fa-football-ball:before {
  content: "\f44e";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-fort-awesome-alt:before {
  content: "\f3a3";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-freebsd:before {
  content: "\f3a4";
}

.fa-frog:before {
  content: "\f52e";
}

.fa-frown:before {
  content: "\f119";
}

.fa-frown-open:before {
  content: "\f57a";
}

.fa-fulcrum:before {
  content: "\f50b";
}

.fa-funnel-dollar:before {
  content: "\f662";
}

.fa-futbol:before {
  content: "\f1e3";
}

.fa-galactic-republic:before {
  content: "\f50c";
}

.fa-galactic-senate:before {
  content: "\f50d";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-gas-pump:before {
  content: "\f52f";
}

.fa-gavel:before {
  content: "\f0e3";
}

.fa-gem:before {
  content: "\f3a5";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-ghost:before {
  content: "\f6e2";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-gifts:before {
  content: "\f79c";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-git-alt:before {
  content: "\f841";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-github:before {
  content: "\f09b";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-gitkraken:before {
  content: "\f3a6";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-gitter:before {
  content: "\f426";
}

.fa-glass-cheers:before {
  content: "\f79f";
}

.fa-glass-martini:before {
  content: "\f000";
}

.fa-glass-martini-alt:before {
  content: "\f57b";
}

.fa-glass-whiskey:before {
  content: "\f7a0";
}

.fa-glasses:before {
  content: "\f530";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-globe-africa:before {
  content: "\f57c";
}

.fa-globe-americas:before {
  content: "\f57d";
}

.fa-globe-asia:before {
  content: "\f57e";
}

.fa-globe-europe:before {
  content: "\f7a2";
}

.fa-gofore:before {
  content: "\f3a7";
}

.fa-golf-ball:before {
  content: "\f450";
}

.fa-goodreads:before {
  content: "\f3a8";
}

.fa-goodreads-g:before {
  content: "\f3a9";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-google-drive:before {
  content: "\f3aa";
}

.fa-google-pay:before {
  content: "\e079";
}

.fa-google-play:before {
  content: "\f3ab";
}

.fa-google-plus:before {
  content: "\f2b3";
}

.fa-google-plus-g:before {
  content: "\f0d5";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-gopuram:before {
  content: "\f664";
}

.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-gratipay:before {
  content: "\f184";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-greater-than:before {
  content: "\f531";
}

.fa-greater-than-equal:before {
  content: "\f532";
}

.fa-grimace:before {
  content: "\f57f";
}

.fa-grin:before {
  content: "\f580";
}

.fa-grin-alt:before {
  content: "\f581";
}

.fa-grin-beam:before {
  content: "\f582";
}

.fa-grin-beam-sweat:before {
  content: "\f583";
}

.fa-grin-hearts:before {
  content: "\f584";
}

.fa-grin-squint:before {
  content: "\f585";
}

.fa-grin-squint-tears:before {
  content: "\f586";
}

.fa-grin-stars:before {
  content: "\f587";
}

.fa-grin-tears:before {
  content: "\f588";
}

.fa-grin-tongue:before {
  content: "\f589";
}

.fa-grin-tongue-squint:before {
  content: "\f58a";
}

.fa-grin-tongue-wink:before {
  content: "\f58b";
}

.fa-grin-wink:before {
  content: "\f58c";
}

.fa-grip-horizontal:before {
  content: "\f58d";
}

.fa-grip-lines:before {
  content: "\f7a4";
}

.fa-grip-lines-vertical:before {
  content: "\f7a5";
}

.fa-grip-vertical:before {
  content: "\f58e";
}

.fa-gripfire:before {
  content: "\f3ac";
}

.fa-grunt:before {
  content: "\f3ad";
}

.fa-guilded:before {
  content: "\e07e";
}

.fa-guitar:before {
  content: "\f7a6";
}

.fa-gulp:before {
  content: "\f3ae";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-hacker-news-square:before {
  content: "\f3af";
}

.fa-hackerrank:before {
  content: "\f5f7";
}

.fa-hamburger:before {
  content: "\f805";
}

.fa-hammer:before {
  content: "\f6e3";
}

.fa-hamsa:before {
  content: "\f665";
}

.fa-hand-holding:before {
  content: "\f4bd";
}

.fa-hand-holding-heart:before {
  content: "\f4be";
}

.fa-hand-holding-medical:before {
  content: "\e05c";
}

.fa-hand-holding-usd:before {
  content: "\f4c0";
}

.fa-hand-holding-water:before {
  content: "\f4c1";
}

.fa-hand-lizard:before {
  content: "\f258";
}

.fa-hand-middle-finger:before {
  content: "\f806";
}

.fa-hand-paper:before {
  content: "\f256";
}

.fa-hand-peace:before {
  content: "\f25b";
}

.fa-hand-point-down:before {
  content: "\f0a7";
}

.fa-hand-point-left:before {
  content: "\f0a5";
}

.fa-hand-point-right:before {
  content: "\f0a4";
}

.fa-hand-point-up:before {
  content: "\f0a6";
}

.fa-hand-pointer:before {
  content: "\f25a";
}

.fa-hand-rock:before {
  content: "\f255";
}

.fa-hand-scissors:before {
  content: "\f257";
}

.fa-hand-sparkles:before {
  content: "\e05d";
}

.fa-hand-spock:before {
  content: "\f259";
}

.fa-hands:before {
  content: "\f4c2";
}

.fa-hands-helping:before {
  content: "\f4c4";
}

.fa-hands-wash:before {
  content: "\e05e";
}

.fa-handshake:before {
  content: "\f2b5";
}

.fa-handshake-alt-slash:before {
  content: "\e05f";
}

.fa-handshake-slash:before {
  content: "\e060";
}

.fa-hanukiah:before {
  content: "\f6e6";
}

.fa-hard-hat:before {
  content: "\f807";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-hat-cowboy:before {
  content: "\f8c0";
}

.fa-hat-cowboy-side:before {
  content: "\f8c1";
}

.fa-hat-wizard:before {
  content: "\f6e8";
}

.fa-hdd:before {
  content: "\f0a0";
}

.fa-head-side-cough:before {
  content: "\e061";
}

.fa-head-side-cough-slash:before {
  content: "\e062";
}

.fa-head-side-mask:before {
  content: "\e063";
}

.fa-head-side-virus:before {
  content: "\e064";
}

.fa-heading:before {
  content: "\f1dc";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-headphones-alt:before {
  content: "\f58f";
}

.fa-headset:before {
  content: "\f590";
}

.fa-heart:before {
  content: "\f004";
}

.fa-heart-broken:before {
  content: "\f7a9";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-helicopter:before {
  content: "\f533";
}

.fa-highlighter:before {
  content: "\f591";
}

.fa-hiking:before {
  content: "\f6ec";
}

.fa-hippo:before {
  content: "\f6ed";
}

.fa-hips:before {
  content: "\f452";
}

.fa-hire-a-helper:before {
  content: "\f3b0";
}

.fa-history:before {
  content: "\f1da";
}

.fa-hive:before {
  content: "\e07f";
}

.fa-hockey-puck:before {
  content: "\f453";
}

.fa-holly-berry:before {
  content: "\f7aa";
}

.fa-home:before {
  content: "\f015";
}

.fa-hooli:before {
  content: "\f427";
}

.fa-hornbill:before {
  content: "\f592";
}

.fa-horse:before {
  content: "\f6f0";
}

.fa-horse-head:before {
  content: "\f7ab";
}

.fa-hospital:before {
  content: "\f0f8";
}

.fa-hospital-alt:before {
  content: "\f47d";
}

.fa-hospital-symbol:before {
  content: "\f47e";
}

.fa-hospital-user:before {
  content: "\f80d";
}

.fa-hot-tub:before {
  content: "\f593";
}

.fa-hotdog:before {
  content: "\f80f";
}

.fa-hotel:before {
  content: "\f594";
}

.fa-hotjar:before {
  content: "\f3b1";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-start:before {
  content: "\f251";
}

.fa-house-damage:before {
  content: "\f6f1";
}

.fa-house-user:before {
  content: "\e065";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-hryvnia:before {
  content: "\f6f2";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-hubspot:before {
  content: "\f3b2";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-ice-cream:before {
  content: "\f810";
}

.fa-icicles:before {
  content: "\f7ad";
}

.fa-icons:before {
  content: "\f86d";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-id-card:before {
  content: "\f2c2";
}

.fa-id-card-alt:before {
  content: "\f47f";
}

.fa-ideal:before {
  content: "\e013";
}

.fa-igloo:before {
  content: "\f7ae";
}

.fa-image:before {
  content: "\f03e";
}

.fa-images:before {
  content: "\f302";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-industry:before {
  content: "\f275";
}

.fa-infinity:before {
  content: "\f534";
}

.fa-info:before {
  content: "\f129";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-innosoft:before {
  content: "\e080";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-instagram-square:before {
  content: "\e055";
}

.fa-instalod:before {
  content: "\e081";
}

.fa-intercom:before {
  content: "\f7af";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-invision:before {
  content: "\f7b0";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-italic:before {
  content: "\f033";
}

.fa-itch-io:before {
  content: "\f83a";
}

.fa-itunes:before {
  content: "\f3b4";
}

.fa-itunes-note:before {
  content: "\f3b5";
}

.fa-java:before {
  content: "\f4e4";
}

.fa-jedi:before {
  content: "\f669";
}

.fa-jedi-order:before {
  content: "\f50e";
}

.fa-jenkins:before {
  content: "\f3b6";
}

.fa-jira:before {
  content: "\f7b1";
}

.fa-joget:before {
  content: "\f3b7";
}

.fa-joint:before {
  content: "\f595";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-journal-whills:before {
  content: "\f66a";
}

.fa-js:before {
  content: "\f3b8";
}

.fa-js-square:before {
  content: "\f3b9";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-kaaba:before {
  content: "\f66b";
}

.fa-kaggle:before {
  content: "\f5fa";
}

.fa-key:before {
  content: "\f084";
}

.fa-keybase:before {
  content: "\f4f5";
}

.fa-keyboard:before {
  content: "\f11c";
}

.fa-keycdn:before {
  content: "\f3ba";
}

.fa-khanda:before {
  content: "\f66d";
}

.fa-kickstarter:before {
  content: "\f3bb";
}

.fa-kickstarter-k:before {
  content: "\f3bc";
}

.fa-kiss:before {
  content: "\f596";
}

.fa-kiss-beam:before {
  content: "\f597";
}

.fa-kiss-wink-heart:before {
  content: "\f598";
}

.fa-kiwi-bird:before {
  content: "\f535";
}

.fa-korvue:before {
  content: "\f42f";
}

.fa-landmark:before {
  content: "\f66f";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-laptop-code:before {
  content: "\f5fc";
}

.fa-laptop-house:before {
  content: "\e066";
}

.fa-laptop-medical:before {
  content: "\f812";
}

.fa-laravel:before {
  content: "\f3bd";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-laugh:before {
  content: "\f599";
}

.fa-laugh-beam:before {
  content: "\f59a";
}

.fa-laugh-squint:before {
  content: "\f59b";
}

.fa-laugh-wink:before {
  content: "\f59c";
}

.fa-layer-group:before {
  content: "\f5fd";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-lemon:before {
  content: "\f094";
}

.fa-less:before {
  content: "\f41d";
}

.fa-less-than:before {
  content: "\f536";
}

.fa-less-than-equal:before {
  content: "\f537";
}

.fa-level-down-alt:before {
  content: "\f3be";
}

.fa-level-up-alt:before {
  content: "\f3bf";
}

.fa-life-ring:before {
  content: "\f1cd";
}

.fa-lightbulb:before {
  content: "\f0eb";
}

.fa-line:before {
  content: "\f3c0";
}

.fa-link:before {
  content: "\f0c1";
}

.fa-linkedin:before {
  content: "\f08c";
}

.fa-linkedin-in:before {
  content: "\f0e1";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-lira-sign:before {
  content: "\f195";
}

.fa-list:before {
  content: "\f03a";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-lock:before {
  content: "\f023";
}

.fa-lock-open:before {
  content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
  content: "\f309";
}

.fa-long-arrow-alt-left:before {
  content: "\f30a";
}

.fa-long-arrow-alt-right:before {
  content: "\f30b";
}

.fa-long-arrow-alt-up:before {
  content: "\f30c";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-luggage-cart:before {
  content: "\f59d";
}

.fa-lungs:before {
  content: "\f604";
}

.fa-lungs-virus:before {
  content: "\e067";
}

.fa-lyft:before {
  content: "\f3c3";
}

.fa-magento:before {
  content: "\f3c4";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-mail-bulk:before {
  content: "\f674";
}

.fa-mailchimp:before {
  content: "\f59e";
}

.fa-male:before {
  content: "\f183";
}

.fa-mandalorian:before {
  content: "\f50f";
}

.fa-map:before {
  content: "\f279";
}

.fa-map-marked:before {
  content: "\f59f";
}

.fa-map-marked-alt:before {
  content: "\f5a0";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-map-marker-alt:before {
  content: "\f3c5";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-markdown:before {
  content: "\f60f";
}

.fa-marker:before {
  content: "\f5a1";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mask:before {
  content: "\f6fa";
}

.fa-mastodon:before {
  content: "\f4f6";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-mdb:before {
  content: "\f8ca";
}

.fa-medal:before {
  content: "\f5a2";
}

.fa-medapps:before {
  content: "\f3c6";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-medium-m:before {
  content: "\f3c7";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-medrt:before {
  content: "\f3c8";
}

.fa-meetup:before {
  content: "\f2e0";
}

.fa-megaport:before {
  content: "\f5a3";
}

.fa-meh:before {
  content: "\f11a";
}

.fa-meh-blank:before {
  content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
  content: "\f5a5";
}

.fa-memory:before {
  content: "\f538";
}

.fa-mendeley:before {
  content: "\f7b3";
}

.fa-menorah:before {
  content: "\f676";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-meteor:before {
  content: "\f753";
}

.fa-microblog:before {
  content: "\e01a";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-alt:before {
  content: "\f3c9";
}

.fa-microphone-alt-slash:before {
  content: "\f539";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-microscope:before {
  content: "\f610";
}

.fa-microsoft:before {
  content: "\f3ca";
}

.fa-minus:before {
  content: "\f068";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-mitten:before {
  content: "\f7b5";
}

.fa-mix:before {
  content: "\f3cb";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-mixer:before {
  content: "\e056";
}

.fa-mizuni:before {
  content: "\f3cc";
}

.fa-mobile:before {
  content: "\f10b";
}

.fa-mobile-alt:before {
  content: "\f3cd";
}

.fa-modx:before {
  content: "\f285";
}

.fa-monero:before {
  content: "\f3d0";
}

.fa-money-bill:before {
  content: "\f0d6";
}

.fa-money-bill-alt:before {
  content: "\f3d1";
}

.fa-money-bill-wave:before {
  content: "\f53a";
}

.fa-money-bill-wave-alt:before {
  content: "\f53b";
}

.fa-money-check:before {
  content: "\f53c";
}

.fa-money-check-alt:before {
  content: "\f53d";
}

.fa-monument:before {
  content: "\f5a6";
}

.fa-moon:before {
  content: "\f186";
}

.fa-mortar-pestle:before {
  content: "\f5a7";
}

.fa-mosque:before {
  content: "\f678";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-mountain:before {
  content: "\f6fc";
}

.fa-mouse:before {
  content: "\f8cc";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-mug-hot:before {
  content: "\f7b6";
}

.fa-music:before {
  content: "\f001";
}

.fa-napster:before {
  content: "\f3d2";
}

.fa-neos:before {
  content: "\f612";
}

.fa-network-wired:before {
  content: "\f6ff";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-newspaper:before {
  content: "\f1ea";
}

.fa-nimblr:before {
  content: "\f5a8";
}

.fa-node:before {
  content: "\f419";
}

.fa-node-js:before {
  content: "\f3d3";
}

.fa-not-equal:before {
  content: "\f53e";
}

.fa-notes-medical:before {
  content: "\f481";
}

.fa-npm:before {
  content: "\f3d4";
}

.fa-ns8:before {
  content: "\f3d5";
}

.fa-nutritionix:before {
  content: "\f3d6";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-octopus-deploy:before {
  content: "\e082";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-oil-can:before {
  content: "\f613";
}

.fa-old-republic:before {
  content: "\f510";
}

.fa-om:before {
  content: "\f679";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-orcid:before {
  content: "\f8d2";
}

.fa-osi:before {
  content: "\f41a";
}

.fa-otter:before {
  content: "\f700";
}

.fa-outdent:before {
  content: "\f03b";
}

.fa-page4:before {
  content: "\f3d7";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-pager:before {
  content: "\f815";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-paint-roller:before {
  content: "\f5aa";
}

.fa-palette:before {
  content: "\f53f";
}

.fa-palfed:before {
  content: "\f3d8";
}

.fa-pallet:before {
  content: "\f482";
}

.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-parachute-box:before {
  content: "\f4cd";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-parking:before {
  content: "\f540";
}

.fa-passport:before {
  content: "\f5ab";
}

.fa-pastafarianism:before {
  content: "\f67b";
}

.fa-paste:before {
  content: "\f0ea";
}

.fa-patreon:before {
  content: "\f3d9";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-peace:before {
  content: "\f67c";
}

.fa-pen:before {
  content: "\f304";
}

.fa-pen-alt:before {
  content: "\f305";
}

.fa-pen-fancy:before {
  content: "\f5ac";
}

.fa-pen-nib:before {
  content: "\f5ad";
}

.fa-pen-square:before {
  content: "\f14b";
}

.fa-pencil-alt:before {
  content: "\f303";
}

.fa-pencil-ruler:before {
  content: "\f5ae";
}

.fa-penny-arcade:before {
  content: "\f704";
}

.fa-people-arrows:before {
  content: "\e068";
}

.fa-people-carry:before {
  content: "\f4ce";
}

.fa-pepper-hot:before {
  content: "\f816";
}

.fa-perbyte:before {
  content: "\e083";
}

.fa-percent:before {
  content: "\f295";
}

.fa-percentage:before {
  content: "\f541";
}

.fa-periscope:before {
  content: "\f3da";
}

.fa-person-booth:before {
  content: "\f756";
}

.fa-phabricator:before {
  content: "\f3db";
}

.fa-phoenix-framework:before {
  content: "\f3dc";
}

.fa-phoenix-squadron:before {
  content: "\f511";
}

.fa-phone:before {
  content: "\f095";
}

.fa-phone-alt:before {
  content: "\f879";
}

.fa-phone-slash:before {
  content: "\f3dd";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-phone-square-alt:before {
  content: "\f87b";
}

.fa-phone-volume:before {
  content: "\f2a0";
}

.fa-photo-video:before {
  content: "\f87c";
}

.fa-php:before {
  content: "\f457";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-pied-piper-hat:before {
  content: "\f4e5";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-square:before {
  content: "\e01e";
}

.fa-piggy-bank:before {
  content: "\f4d3";
}

.fa-pills:before {
  content: "\f484";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-pizza-slice:before {
  content: "\f818";
}

.fa-place-of-worship:before {
  content: "\f67f";
}

.fa-plane:before {
  content: "\f072";
}

.fa-plane-arrival:before {
  content: "\f5af";
}

.fa-plane-departure:before {
  content: "\f5b0";
}

.fa-plane-slash:before {
  content: "\e069";
}

.fa-play:before {
  content: "\f04b";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-playstation:before {
  content: "\f3df";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-plus:before {
  content: "\f067";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-poll:before {
  content: "\f681";
}

.fa-poll-h:before {
  content: "\f682";
}

.fa-poo:before {
  content: "\f2fe";
}

.fa-poo-storm:before {
  content: "\f75a";
}

.fa-poop:before {
  content: "\f619";
}

.fa-portrait:before {
  content: "\f3e0";
}

.fa-pound-sign:before {
  content: "\f154";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-pray:before {
  content: "\f683";
}

.fa-praying-hands:before {
  content: "\f684";
}

.fa-prescription:before {
  content: "\f5b1";
}

.fa-prescription-bottle:before {
  content: "\f485";
}

.fa-prescription-bottle-alt:before {
  content: "\f486";
}

.fa-print:before {
  content: "\f02f";
}

.fa-procedures:before {
  content: "\f487";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-project-diagram:before {
  content: "\f542";
}

.fa-pump-medical:before {
  content: "\e06a";
}

.fa-pump-soap:before {
  content: "\e06b";
}

.fa-pushed:before {
  content: "\f3e1";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-python:before {
  content: "\f3e2";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-question:before {
  content: "\f128";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-quidditch:before {
  content: "\f458";
}

.fa-quinscape:before {
  content: "\f459";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-quran:before {
  content: "\f687";
}

.fa-r-project:before {
  content: "\f4f7";
}

.fa-radiation:before {
  content: "\f7b9";
}

.fa-radiation-alt:before {
  content: "\f7ba";
}

.fa-rainbow:before {
  content: "\f75b";
}

.fa-random:before {
  content: "\f074";
}

.fa-raspberry-pi:before {
  content: "\f7bb";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-react:before {
  content: "\f41b";
}

.fa-reacteurope:before {
  content: "\f75d";
}

.fa-readme:before {
  content: "\f4d5";
}

.fa-rebel:before {
  content: "\f1d0";
}

.fa-receipt:before {
  content: "\f543";
}

.fa-record-vinyl:before {
  content: "\f8d9";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-red-river:before {
  content: "\f3e3";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-redhat:before {
  content: "\f7bc";
}

.fa-redo:before {
  content: "\f01e";
}

.fa-redo-alt:before {
  content: "\f2f9";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-remove-format:before {
  content: "\f87d";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-reply:before {
  content: "\f3e5";
}

.fa-reply-all:before {
  content: "\f122";
}

.fa-replyd:before {
  content: "\f3e6";
}

.fa-republican:before {
  content: "\f75e";
}

.fa-researchgate:before {
  content: "\f4f8";
}

.fa-resolving:before {
  content: "\f3e7";
}

.fa-restroom:before {
  content: "\f7bd";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-rev:before {
  content: "\f5b2";
}

.fa-ribbon:before {
  content: "\f4d6";
}

.fa-ring:before {
  content: "\f70b";
}

.fa-road:before {
  content: "\f018";
}

.fa-robot:before {
  content: "\f544";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-rocketchat:before {
  content: "\f3e8";
}

.fa-rockrms:before {
  content: "\f3e9";
}

.fa-route:before {
  content: "\f4d7";
}

.fa-rss:before {
  content: "\f09e";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-ruble-sign:before {
  content: "\f158";
}

.fa-ruler:before {
  content: "\f545";
}

.fa-ruler-combined:before {
  content: "\f546";
}

.fa-ruler-horizontal:before {
  content: "\f547";
}

.fa-ruler-vertical:before {
  content: "\f548";
}

.fa-running:before {
  content: "\f70c";
}

.fa-rupee-sign:before {
  content: "\f156";
}

.fa-rust:before {
  content: "\e07a";
}

.fa-sad-cry:before {
  content: "\f5b3";
}

.fa-sad-tear:before {
  content: "\f5b4";
}

.fa-safari:before {
  content: "\f267";
}

.fa-salesforce:before {
  content: "\f83b";
}

.fa-sass:before {
  content: "\f41e";
}

.fa-satellite:before {
  content: "\f7bf";
}

.fa-satellite-dish:before {
  content: "\f7c0";
}

.fa-save:before {
  content: "\f0c7";
}

.fa-schlix:before {
  content: "\f3ea";
}

.fa-school:before {
  content: "\f549";
}

.fa-screwdriver:before {
  content: "\f54a";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-scroll:before {
  content: "\f70e";
}

.fa-sd-card:before {
  content: "\f7c2";
}

.fa-search:before {
  content: "\f002";
}

.fa-search-dollar:before {
  content: "\f688";
}

.fa-search-location:before {
  content: "\f689";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-searchengin:before {
  content: "\f3eb";
}

.fa-seedling:before {
  content: "\f4d8";
}

.fa-sellcast:before {
  content: "\f2da";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-server:before {
  content: "\f233";
}

.fa-servicestack:before {
  content: "\f3ec";
}

.fa-shapes:before {
  content: "\f61f";
}

.fa-share:before {
  content: "\f064";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-shekel-sign:before {
  content: "\f20b";
}

.fa-shield-alt:before {
  content: "\f3ed";
}

.fa-shield-virus:before {
  content: "\e06c";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-shipping-fast:before {
  content: "\f48b";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-shoe-prints:before {
  content: "\f54b";
}

.fa-shopify:before {
  content: "\e057";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-shopware:before {
  content: "\f5b5";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-shuttle-van:before {
  content: "\f5b6";
}

.fa-sign:before {
  content: "\f4d9";
}

.fa-sign-in-alt:before {
  content: "\f2f6";
}

.fa-sign-language:before {
  content: "\f2a7";
}

.fa-sign-out-alt:before {
  content: "\f2f5";
}

.fa-signal:before {
  content: "\f012";
}

.fa-signature:before {
  content: "\f5b7";
}

.fa-sim-card:before {
  content: "\f7c4";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-sink:before {
  content: "\e06d";
}

.fa-sistrix:before {
  content: "\f3ee";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-sith:before {
  content: "\f512";
}

.fa-skating:before {
  content: "\f7c5";
}

.fa-sketch:before {
  content: "\f7c6";
}

.fa-skiing:before {
  content: "\f7c9";
}

.fa-skiing-nordic:before {
  content: "\f7ca";
}

.fa-skull:before {
  content: "\f54c";
}

.fa-skull-crossbones:before {
  content: "\f714";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-slack:before {
  content: "\f198";
}

.fa-slack-hash:before {
  content: "\f3ef";
}

.fa-slash:before {
  content: "\f715";
}

.fa-sleigh:before {
  content: "\f7cc";
}

.fa-sliders-h:before {
  content: "\f1de";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-smile:before {
  content: "\f118";
}

.fa-smile-beam:before {
  content: "\f5b8";
}

.fa-smile-wink:before {
  content: "\f4da";
}

.fa-smog:before {
  content: "\f75f";
}

.fa-smoking:before {
  content: "\f48d";
}

.fa-smoking-ban:before {
  content: "\f54d";
}

.fa-sms:before {
  content: "\f7cd";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-snowboarding:before {
  content: "\f7ce";
}

.fa-snowflake:before {
  content: "\f2dc";
}

.fa-snowman:before {
  content: "\f7d0";
}

.fa-snowplow:before {
  content: "\f7d2";
}

.fa-soap:before {
  content: "\e06e";
}

.fa-socks:before {
  content: "\f696";
}

.fa-solar-panel:before {
  content: "\f5ba";
}

.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-alpha-down:before {
  content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
  content: "\f881";
}

.fa-sort-alpha-up:before {
  content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
  content: "\f882";
}

.fa-sort-amount-down:before {
  content: "\f160";
}

.fa-sort-amount-down-alt:before {
  content: "\f884";
}

.fa-sort-amount-up:before {
  content: "\f161";
}

.fa-sort-amount-up-alt:before {
  content: "\f885";
}

.fa-sort-down:before {
  content: "\f0dd";
}

.fa-sort-numeric-down:before {
  content: "\f162";
}

.fa-sort-numeric-down-alt:before {
  content: "\f886";
}

.fa-sort-numeric-up:before {
  content: "\f163";
}

.fa-sort-numeric-up-alt:before {
  content: "\f887";
}

.fa-sort-up:before {
  content: "\f0de";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-sourcetree:before {
  content: "\f7d3";
}

.fa-spa:before {
  content: "\f5bb";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-speakap:before {
  content: "\f3f3";
}

.fa-speaker-deck:before {
  content: "\f83c";
}

.fa-spell-check:before {
  content: "\f891";
}

.fa-spider:before {
  content: "\f717";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-splotch:before {
  content: "\f5bc";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-spray-can:before {
  content: "\f5bd";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-square-full:before {
  content: "\f45c";
}

.fa-square-root-alt:before {
  content: "\f698";
}

.fa-squarespace:before {
  content: "\f5be";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-stackpath:before {
  content: "\f842";
}

.fa-stamp:before {
  content: "\f5bf";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-and-crescent:before {
  content: "\f699";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-star-half-alt:before {
  content: "\f5c0";
}

.fa-star-of-david:before {
  content: "\f69a";
}

.fa-star-of-life:before {
  content: "\f621";
}

.fa-staylinked:before {
  content: "\f3f5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-steam-symbol:before {
  content: "\f3f6";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-sticker-mule:before {
  content: "\f3f7";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stopwatch:before {
  content: "\f2f2";
}

.fa-stopwatch-20:before {
  content: "\e06f";
}

.fa-store:before {
  content: "\f54e";
}

.fa-store-alt:before {
  content: "\f54f";
}

.fa-store-alt-slash:before {
  content: "\e070";
}

.fa-store-slash:before {
  content: "\e071";
}

.fa-strava:before {
  content: "\f428";
}

.fa-stream:before {
  content: "\f550";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-stripe:before {
  content: "\f429";
}

.fa-stripe-s:before {
  content: "\f42a";
}

.fa-stroopwafel:before {
  content: "\f551";
}

.fa-studiovinari:before {
  content: "\f3f8";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-subway:before {
  content: "\f239";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-suitcase-rolling:before {
  content: "\f5c1";
}

.fa-sun:before {
  content: "\f185";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-supple:before {
  content: "\f3f9";
}

.fa-surprise:before {
  content: "\f5c2";
}

.fa-suse:before {
  content: "\f7d6";
}

.fa-swatchbook:before {
  content: "\f5c3";
}

.fa-swift:before {
  content: "\f8e1";
}

.fa-swimmer:before {
  content: "\f5c4";
}

.fa-swimming-pool:before {
  content: "\f5c5";
}

.fa-symfony:before {
  content: "\f83d";
}

.fa-synagogue:before {
  content: "\f69b";
}

.fa-sync:before {
  content: "\f021";
}

.fa-sync-alt:before {
  content: "\f2f1";
}

.fa-syringe:before {
  content: "\f48e";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-table-tennis:before {
  content: "\f45d";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-tablet-alt:before {
  content: "\f3fa";
}

.fa-tablets:before {
  content: "\f490";
}

.fa-tachometer-alt:before {
  content: "\f3fd";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-tape:before {
  content: "\f4db";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-taxi:before {
  content: "\f1ba";
}

.fa-teamspeak:before {
  content: "\f4f9";
}

.fa-teeth:before {
  content: "\f62e";
}

.fa-teeth-open:before {
  content: "\f62f";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-telegram-plane:before {
  content: "\f3fe";
}

.fa-temperature-high:before {
  content: "\f769";
}

.fa-temperature-low:before {
  content: "\f76b";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-tenge:before {
  content: "\f7d7";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-the-red-yeti:before {
  content: "\f69d";
}

.fa-theater-masks:before {
  content: "\f630";
}

.fa-themeco:before {
  content: "\f5c6";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-thermometer:before {
  content: "\f491";
}

.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-think-peaks:before {
  content: "\f731";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbtack:before {
  content: "\f08d";
}

.fa-ticket-alt:before {
  content: "\f3ff";
}

.fa-tiktok:before {
  content: "\e07b";
}

.fa-times:before {
  content: "\f00d";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-tint:before {
  content: "\f043";
}

.fa-tint-slash:before {
  content: "\f5c7";
}

.fa-tired:before {
  content: "\f5c8";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-toilet:before {
  content: "\f7d8";
}

.fa-toilet-paper:before {
  content: "\f71e";
}

.fa-toilet-paper-slash:before {
  content: "\e072";
}

.fa-toolbox:before {
  content: "\f552";
}

.fa-tools:before {
  content: "\f7d9";
}

.fa-tooth:before {
  content: "\f5c9";
}

.fa-torah:before {
  content: "\f6a0";
}

.fa-torii-gate:before {
  content: "\f6a1";
}

.fa-tractor:before {
  content: "\f722";
}

.fa-trade-federation:before {
  content: "\f513";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-traffic-light:before {
  content: "\f637";
}

.fa-trailer:before {
  content: "\e041";
}

.fa-train:before {
  content: "\f238";
}

.fa-tram:before {
  content: "\f7da";
}

.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-trash-alt:before {
  content: "\f2ed";
}

.fa-trash-restore:before {
  content: "\f829";
}

.fa-trash-restore-alt:before {
  content: "\f82a";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-trello:before {
  content: "\f181";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-truck-loading:before {
  content: "\f4de";
}

.fa-truck-monster:before {
  content: "\f63b";
}

.fa-truck-moving:before {
  content: "\f4df";
}

.fa-truck-pickup:before {
  content: "\f63c";
}

.fa-tshirt:before {
  content: "\f553";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-tv:before {
  content: "\f26c";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-typo3:before {
  content: "\f42b";
}

.fa-uber:before {
  content: "\f402";
}

.fa-ubuntu:before {
  content: "\f7df";
}

.fa-uikit:before {
  content: "\f403";
}

.fa-umbraco:before {
  content: "\f8e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-umbrella-beach:before {
  content: "\f5ca";
}

.fa-uncharted:before {
  content: "\e084";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-undo:before {
  content: "\f0e2";
}

.fa-undo-alt:before {
  content: "\f2ea";
}

.fa-uniregistry:before {
  content: "\f404";
}

.fa-unity:before {
  content: "\e049";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-university:before {
  content: "\f19c";
}

.fa-unlink:before {
  content: "\f127";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-unsplash:before {
  content: "\e07c";
}

.fa-untappd:before {
  content: "\f405";
}

.fa-upload:before {
  content: "\f093";
}

.fa-ups:before {
  content: "\f7e0";
}

.fa-usb:before {
  content: "\f287";
}

.fa-user:before {
  content: "\f007";
}

.fa-user-alt:before {
  content: "\f406";
}

.fa-user-alt-slash:before {
  content: "\f4fa";
}

.fa-user-astronaut:before {
  content: "\f4fb";
}

.fa-user-check:before {
  content: "\f4fc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-clock:before {
  content: "\f4fd";
}

.fa-user-cog:before {
  content: "\f4fe";
}

.fa-user-edit:before {
  content: "\f4ff";
}

.fa-user-friends:before {
  content: "\f500";
}

.fa-user-graduate:before {
  content: "\f501";
}

.fa-user-injured:before {
  content: "\f728";
}

.fa-user-lock:before {
  content: "\f502";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-user-minus:before {
  content: "\f503";
}

.fa-user-ninja:before {
  content: "\f504";
}

.fa-user-nurse:before {
  content: "\f82f";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-user-shield:before {
  content: "\f505";
}

.fa-user-slash:before {
  content: "\f506";
}

.fa-user-tag:before {
  content: "\f507";
}

.fa-user-tie:before {
  content: "\f508";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-users:before {
  content: "\f0c0";
}

.fa-users-cog:before {
  content: "\f509";
}

.fa-users-slash:before {
  content: "\e073";
}

.fa-usps:before {
  content: "\f7e1";
}

.fa-ussunnah:before {
  content: "\f407";
}

.fa-utensil-spoon:before {
  content: "\f2e5";
}

.fa-utensils:before {
  content: "\f2e7";
}

.fa-vaadin:before {
  content: "\f408";
}

.fa-vector-square:before {
  content: "\f5cb";
}

.fa-venus:before {
  content: "\f221";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-vest:before {
  content: "\e085";
}

.fa-vest-patches:before {
  content: "\e086";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-vial:before {
  content: "\f492";
}

.fa-vials:before {
  content: "\f493";
}

.fa-viber:before {
  content: "\f409";
}

.fa-video:before {
  content: "\f03d";
}

.fa-video-slash:before {
  content: "\f4e2";
}

.fa-vihara:before {
  content: "\f6a7";
}

.fa-vimeo:before {
  content: "\f40a";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-vimeo-v:before {
  content: "\f27d";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-virus:before {
  content: "\e074";
}

.fa-virus-slash:before {
  content: "\e075";
}

.fa-viruses:before {
  content: "\e076";
}

.fa-vk:before {
  content: "\f189";
}

.fa-vnv:before {
  content: "\f40b";
}

.fa-voicemail:before {
  content: "\f897";
}

.fa-volleyball-ball:before {
  content: "\f45f";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-mute:before {
  content: "\f6a9";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-vote-yea:before {
  content: "\f772";
}

.fa-vr-cardboard:before {
  content: "\f729";
}

.fa-vuejs:before {
  content: "\f41f";
}

.fa-walking:before {
  content: "\f554";
}

.fa-wallet:before {
  content: "\f555";
}

.fa-warehouse:before {
  content: "\f494";
}

.fa-watchman-monitoring:before {
  content: "\e087";
}

.fa-water:before {
  content: "\f773";
}

.fa-wave-square:before {
  content: "\f83e";
}

.fa-waze:before {
  content: "\f83f";
}

.fa-weebly:before {
  content: "\f5cc";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-weight:before {
  content: "\f496";
}

.fa-weight-hanging:before {
  content: "\f5cd";
}

.fa-weixin:before {
  content: "\f1d7";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-whatsapp-square:before {
  content: "\f40c";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-whmcs:before {
  content: "\f40d";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-wind:before {
  content: "\f72e";
}

.fa-window-close:before {
  content: "\f410";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-wine-bottle:before {
  content: "\f72f";
}

.fa-wine-glass:before {
  content: "\f4e3";
}

.fa-wine-glass-alt:before {
  content: "\f5ce";
}

.fa-wix:before {
  content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
  content: "\f730";
}

.fa-wodu:before {
  content: "\e088";
}

.fa-wolf-pack-battalion:before {
  content: "\f514";
}

.fa-won-sign:before {
  content: "\f159";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-wordpress-simple:before {
  content: "\f411";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-wpressr:before {
  content: "\f3e4";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-x-ray:before {
  content: "\f497";
}

.fa-xbox:before {
  content: "\f412";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-y-combinator:before {
  content: "\f23b";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-yammer:before {
  content: "\f840";
}

.fa-yandex:before {
  content: "\f413";
}

.fa-yandex-international:before {
  content: "\f414";
}

.fa-yarn:before {
  content: "\f7e3";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-yen-sign:before {
  content: "\f157";
}

.fa-yin-yang:before {
  content: "\f6ad";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-youtube-square:before {
  content: "\f431";
}

.fa-zhihu:before {
  content: "\f63f";
}

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

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

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

/* `Header
-----------------------------------------------------------------------------*/
header.header {
  height: 60px;
  background-color: #fff;
  border-bottom: #eceaeb 1px solid;
  box-sizing: content-box;
  position: relative;
  z-index: 3;
}
header.header .nav-right {
  align-items: center;
}
header.header .nav-right .dropdown-toggle ~ .dropdown-menu {
  left: auto;
  right: 0;
}
header.header .nav-right .message-dropdown,
header.header .nav-right .email-dropdown,
header.header .nav-right .notifications-dropdown {
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
}
header.header .nav-right .message-dropdown .fa,
header.header .nav-right .email-dropdown .fa,
header.header .nav-right .notifications-dropdown .fa {
  font-size: 18px;
}
header.header .navbar {
  box-shadow: none;
  padding: 9px 20px 6px;
}
header.header .nav-item .btn {
  display: inline-block;
  margin-left: .5rem;
}
header.header .nav-item .counter {
  border-radius: 50%;
  background-color: #ff3c7e;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 1;
  padding: 3px 5.5px;
  position: absolute;
  right: 7px;
  top: 5px;
  pointer-events: none;
}
header.header .navbar .peers {
  display: flex;
  flex-flow: row wrap;
  padding-right: 20px;
  padding-left: 20px;
}
header.header .peer {
  display: block;
}
header.header .peer img {
  border-radius: 50% !important;
  margin-top: -3px;
  width: 2rem;
}
header.header .dropdown-toggle::after {
  margin-top: 10px;
}
header.header .username {
  margin-left: 6px;
}
header.header .no-after:after {
  content: none;
}
header.header .form-inline {
  margin-top: 0;
  margin-bottom: 0;
}
header.header .form-inline .form-control {
  margin-bottom: 0;
}
header.header .btn {
  border-radius: 0.375rem;
  margin: 0 0.375rem 0 0;
  padding: 0.3rem 0.75rem;
  font-size: 0.9375rem;
}
header.header .btn .btn-counter {
  display: inline-block;
  border-radius: 50%;
  background-color: #ff3c7e;
  padding: 2px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #fff;
  line-height: 1;
}
header.header .dropdown-menu .message-item {
  align-items: center !important;
  justify-content: space-between;
  width: 320px !important;
}
header.header .dropdown-menu .message-item .name {
  margin-bottom: 0;
  font-size: 0.9375rem;
}
header.header .dropdown-menu .character {
  display: flex;
  align-items: center;
}
header.header .dropdown-menu .message-ft {
  text-align: right;
}
header.header .dropdown-menu .message-ft .time {
  display: block;
  margin-bottom: 0.25rem;
}
header.header .dropdown-menu .message-ft .badge-pill {
  padding: 0 0.375rem;
}
header.header .input-group.rounded .input-group-text {
  background-color: transparent;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 6;
}

.dropdown-menu ul.has-row, .dropdown-menu ul.has-row li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dropdown-menu .dropdown-head {
  padding: 0 0.75rem 0.5rem;
}
.dropdown-menu .dropdown-foot {
  border-top: 2px solid #e5e5e5;
}
.dropdown-menu .dropdown-foot .view-all {
  text-align: center;
}
.dropdown-menu .dropdown-foot .view-all a {
  color: #888;
}
.dropdown-menu .dropdown-foot .view-all a:hover {
  color: #333;
  text-decoration: none;
}
.dropdown-menu ul.has-row {
  left: auto;
  right: 0;
}
.dropdown-menu ul.has-row li {
  border-top: 1px solid #e5e5e5;
}
.dropdown-menu ul.has-row .dropdown-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 99.5%;
}
.dropdown-menu ul.has-row p {
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.dropdown-menu ul.has-row p ~ small {
  font-size: 11px;
  opacity: 0.6;
}
.dropdown-menu ul.has-row .summary {
  white-space: normal;
}

.message-dropdown ~ .dropdown-menu .has-row .dropdown-item, .email-dropdown ~ .dropdown-menu .has-row .dropdown-item, .notifications-dropdown ~ .dropdown-menu .has-row .dropdown-item {
  padding: 0.75rem;
  font-size: 13px;
  line-height: 1.2;
}

.js-toggle-right-slidebar {
  font-size: 15px;
}
.js-toggle-right-slidebar.nav-link {
  background: #eee;
  border-radius: 22px 0 0 22px;
  margin-right: -20px;
  margin-left: 5px;
  padding: 10px 10px 10px 1rem !important;
  color: #fff !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

/* `Footer
-----------------------------------------------------------------------------*/
footer.footer .footer-inner {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 20px;
  height: 80px;
}
footer.footer .power {
  font-size: 12px;
  color: #aaa;
  text-shadow: 0 1px 0 #fff;
  position: relative;
  transform: rotate(90deg);
}
footer.footer .power:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

html, body {
  min-height: 100%;
}

a {
  text-decoration: none;
  transition: all 0.15s ease-in-out;
}

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

.media-body {
  flex: 1;
}

.peach-gradient {
  background: linear-gradient(40deg, #ffd86f, #fc6262) !important;
  color: #fff;
}

.purple-gradient {
  background: linear-gradient(40deg, #ff6ec4, #7873f5) !important;
  color: #fff;
}

.blue-gradient {
  background: linear-gradient(40deg, #45cafc, #303f9f) !important;
  color: #fff;
}

.aqua-gradient {
  background: linear-gradient(40deg, #2096ff, #05ffa3) !important;
  color: #fff;
}

hr.hr-lg {
  margin: 1.5rem -1.25rem;
}

.dropdown-menu {
  font-size: .9375rem;
}

.form-control {
  padding: .375rem .75rem;
}

.form-control.form-control-sm {
  padding: .125rem .75rem !important;
  font-size: .9375rem !important;
}

.nav-tabs .nav-link {
  font-size: 1rem;
}
.nav-tabs .nav-link.disabled {
  color: #aaa;
}

.form-control-plaintext {
  padding: .375rem .75rem;
}

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

.form-select-sm {
  font-size: .9375rem;
}

.input-group .input-group-text + .form-control {
  min-height: calc(2.08rem + 4px) !important;
  height: calc(2.08rem + 4px) !important;
}

.btn {
  white-space: nowrap;
  font-size: 1rem;
  text-transform: none;
}
.btn.btn-link {
  color: #000;
}
.btn.btn-link:hover {
  color: #666;
  text-decoration: none;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn.btn-sm,
.btn.btn-sm, .btn-group-sm > .btn {
  font-size: 0.9375rem !important;
}

.btn.btn-md {
  font-size: 0.9375rem;
}

.btn.btn-lg {
  font-size: 1.125rem;
}

.btn-outline-light {
  color: #4f4f4f;
}

.btn-rounded {
  border-radius: 10rem;
}

.btn-select {
  padding: .525rem 2.14rem;
}

.btn-floating {
  border-radius: 50%;
  padding: 0;
  width: 2.3125rem;
  height: 2.3125rem;
  position: relative;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group.date .input-group-append.input-group-addon, .input-group.time .input-group-append.input-group-addon {
  z-index: 6;
}

.modal-xl {
  max-width: 1140px;
}

.modal-xxl {
  max-width: 90%;
}

.custom-select-sm {
  font-size: 0.8rem;
}

.hidden {
  display: none !important;
}

.mr-15 {
  margin-right: 15px;
}

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

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

.block-content .push, .block-content .block, .block-content .items-push > div {
  margin: 0 0 20px;
}

.text-gray {
  color: #999;
}

.text-darkgray {
  color: #666;
}

.font-w400 {
  font-weight: 400;
}

.bg-lightgrey {
  background-color: #fafafa;
}

.bg-grey {
  background-color: #e2e2e2;
}

.bg-muted {
  background-color: #999;
}

.bg-darkgray {
  background-color: #333;
}

.bg-muted, .bg-darkgray {
  color: #fff;
}

.btn-white {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  color: #4f4f4f;
}

.btn-white .fa {
  color: #333;
}

.btn-rounded {
  border-radius: 5rem;
}

.block-header.bg-muted h1, .block-header.bg-muted h2, .block-header.bg-muted h3, .block-header.bg-muted h4, .block-header.bg-darkgray h1, .block-header.bg-darkgray h2, .block-header.bg-darkgray h3, .block-header.bg-darkgray h4 {
  color: #fff !important;
}

.btn-group.btn-group-sm {
  box-shadow: none !important;
}

.bg-success.lighten {
  background: #afecbd !important;
}

.bg-info.lighten {
  background: #bef3f2 !important;
}

.bg-primary.lighten {
  background: #88d3fa !important;
}

.bg-warning.lighten {
  background: #fdecdb !important;
}

.bg-danger.lighten {
  background: #fbe0e0 !important;
}

.bg-success.lightness {
  background: #f1fcf3 !important;
}

.bg-info.lightness {
  background: #f2fcfc !important;
}

.bg-primary.lightness {
  background: #eaf7fe !important;
}

.bg-warning.lightness {
  background: #fef9f3 !important;
}

.bg-danger.lightness {
  background: #fef7f7 !important;
}

.m-0, .m-0 > .btn {
  margin: 0;
}

label + .mdb-select {
  margin-top: 0;
}

table th {
  font-weight: bold;
}
table th a {
  color: #212529;
}
table td {
  font-weight: 400;
}
table.table-vertical-middle {
  vertical-align: middle;
}
table .btn-group.btn-group-sm .btn {
  padding: 0.125rem 0.75rem;
}

.table > :not(:first-child) {
  border-top: none;
}

.dropdown-menu {
  border-radius: 0.125rem;
}

.w-auto {
  width: auto;
}

.text-purple {
  color: #8067ce !important;
}

.nav-tabs .nav-link {
  color: rgba(0, 0, 0, 0.6);
}

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

/* `Fix FontAwesome 5 to FontAwesome
-----------------------------------------------------------------------------*/
.fas.fa-caret-down {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
}

.picker__box .picker__header .picker__nav--prev:before, .picker__box .picker__header .picker__nav--next:before {
  font-family: "FontAwesome";
}

/* `Bootstrap Overwrite
-----------------------------------------------------------------------------*/
.btn {
  border-radius: .188rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.08);
}
.btn:hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.btn.btn-link, .btn.btn-light, .btn.btn-outline-primary, .btn.btn-outline-secondary, .btn.btn-outline-success, .btn.btn-outline-danger, .btn.btn-outline-warning, .btn.btn-outline-info, .btn.btn-outline-light, .btn.btn-outline-dark, .btn.btn-outline-third {
  box-shadow: none;
}

.btn.btn-lg {
  font-size: 1.125rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-rounded {
  border-radius: 10rem;
}

.btn.btn-xs {
  border-radius: 0.2rem;
  padding: 0.375rem 0.5rem 0.35rem;
  font-size: 0.9375rem;
  text-transform: none;
  line-height: 1.2;
  word-break: keep-all;
}

.btn-primary {
  background-color: #357adf;
  border-color: #357adf;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: #1f61c2 !important;
  border-color: #1f61c2 !important;
}

.btn-outline-primary {
  border-color: #357adf;
  color: #357adf;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
  background-color: #357adf !important;
  border-color: #357adf !important;
  color: #fff;
}

.btn-success {
  background-color: #63ab2e;
  border-color: #63ab2e;
}
.btn-success:hover, .btn-success:active, .btn-success:focus {
  background-color: #4c8323 !important;
  border-color: #4c8323 !important;
}

.btn-outline-success {
  border-color: #63ab2e;
  color: #63ab2e;
}
.btn-outline-success:hover, .btn-outline-success:active, .btn-outline-success:focus {
  background-color: #63ab2e !important;
  border-color: #63ab2e !important;
  color: #fff;
}

.btn-warning {
  background-color: #e9ac00;
  border-color: #e9ac00;
  color: #fff;
}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
  background-color: #b68600 !important;
  border-color: #b68600 !important;
  color: #fff !important;
}

.btn-outline-warning {
  border-color: #e9ac00;
  color: #e9ac00;
}
.btn-outline-warning:hover, .btn-outline-warning:active, .btn-outline-warning:focus {
  background-color: #e9ac00 !important;
  border-color: #e9ac00 !important;
  color: #fff !important;
}

.btn-info {
  background-color: #2ac4e3;
  border-color: #2ac4e3;
  color: #fff;
}
.btn-info:hover, .btn-info:active, .btn-info:focus {
  background-color: #19a5c1 !important;
  border-color: #19a5c1 !important;
  color: #fff !important;
}

.btn-outline-info {
  border-color: #2ac4e3;
  color: #2ac4e3;
}
.btn-outline-info:hover, .btn-outline-info:active, .btn-outline-info:focus {
  background-color: #2ac4e3 !important;
  border-color: #2ac4e3 !important;
  color: #fff !important;
}

.btn-third {
  background-color: #a04adb;
  border-color: #a04adb;
  color: #fff;
}
.btn-third:hover, .btn-third:active, .btn-third:focus {
  background-color: #8828ca !important;
  border-color: #8828ca !important;
  color: #fff !important;
}

.btn-outline-third {
  border-color: #a04adb;
  color: #a04adb;
}
.btn-outline-third:hover, .btn-outline-third:active, .btn-outline-third:focus {
  background-color: #a04adb !important;
  border-color: #a04adb !important;
  color: #fff !important;
}

/* Variables --------------------------------------------------------------------- */
.workspace .row {
  margin-right: -10px;
  margin-left: -10px;
}
.workspace .col-1, .workspace .col-2, .workspace .col-3, .workspace .col-4, .workspace .col-5, .workspace .col-6, .workspace .col-7, .workspace .col-8, .workspace .col-9, .workspace .col-10, .workspace .col-11, .workspace .col-12, .workspace .col, .workspace .col-auto, .workspace .col-sm-1, .workspace .col-sm-2, .workspace .col-sm-3, .workspace .col-sm-4, .workspace .col-sm-5, .workspace .col-sm-6, .workspace .col-sm-7, .workspace .col-sm-8, .workspace .col-sm-9, .workspace .col-sm-10, .workspace .col-sm-11, .workspace .col-sm-12, .workspace .col-sm, .workspace .col-sm-auto, .workspace .col-md-1, .workspace .col-md-2, .workspace .col-md-3, .workspace .col-md-4, .workspace .col-md-5, .workspace .col-md-6, .workspace .col-md-7, .workspace .col-md-8, .workspace .col-md-9, .workspace .col-md-10, .workspace .col-md-11, .workspace .col-md-12, .workspace .col-md, .workspace .col-md-auto, .workspace .col-lg-1, .workspace .col-lg-2, .workspace .col-lg-3, .workspace .col-lg-4, .workspace .col-lg-5, .workspace .col-lg-6, .workspace .col-lg-7, .workspace .col-lg-8, .workspace .col-lg-9, .workspace .col-lg-10, .workspace .col-lg-11, .workspace .col-lg-12, .workspace .col-lg, .workspace .col-lg-auto, .workspace .col-xl-1, .workspace .col-xl-2, .workspace .col-xl-3, .workspace .col-xl-4, .workspace .col-xl-5, .workspace .col-xl-6, .workspace .col-xl-7, .workspace .col-xl-8, .workspace .col-xl-9, .workspace .col-xl-10, .workspace .col-xl-11, .workspace .col-xl-12, .workspace .col-xl, .workspace .col-xl-auto {
  padding-left: 10px;
  padding-right: 10px;
}

.btn.btn-sm, .btn-group-sm > .btn {
  font-size: 0.8rem;
}

.btn.btn-sm {
  padding: 0.3rem 0.75rem;
}

.badge-pill {
  font-size: 13px;
}

select {
  font-family: "Helvetica Neue", Helvetica, Arial, "Heiti TC", "Apple LiGothic Medium", "微軟正黑體", sans-serif;
}

/* layout ---------------------------------------------------------------------------*/
html, body {
  width: 100%;
  height: 100%;
}

.page {
  min-height: 100%;
  position: relative;
  background: #fafafa;
}
.page.mobile {
  min-width: 0;
}
.page .sidebar {
  float: left;
  width: 220px;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 10;
}
.page .page-wrapper {
  overflow: hidden;
  position: relative;
  z-index: 10;
}
.page.mobile:after {
  display: none;
}
.page.plain:after, .page.tickets-widget:after {
  display: none;
}
.page.no-sidebar .page-wrapper {
  margin-left: 0;
}
.page.no-sidebar:after {
  display: none;
}
.page.registration {
  min-width: 320px;
}
.page.registration .page-wrapper {
  overflow: visible;
}
.page.registration h2 {
  line-height: 1.3em;
}
.page.registration .narrow-wrapper {
  margin-left: auto;
  margin-right: auto;
}
.page.tng-registration .narrow-wrapper {
  margin-left: auto;
  margin-right: auto;
}

.page-inner {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.page-wrapper {
  flex: 1 1 auto;
}

.content-wrapper {
  padding-top: 20px;
  padding-bottom: 50px;
  position: relative;
  z-index: 2;
}

.narrow-wrapper {
  max-width: 1070px;
  margin: 0;
}

/*--- sidebar ---*/
.workspace {
  display: flex;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.vertical_nav.sidebar {
  position: relative;
  flex: none;
  width: 60px;
  overflow: hidden;
  order: 1;
  transition: width .3s;
}

.page {
  flex: 1;
  order: 2;
  overflow: auto;
}

.sidebar-ctrler:checked + .vertical_nav.sidebar {
  width: 220px;
}

/* sidebar ---------------------------------------------------------------------------*/
.sidebar {
  position: relative;
  padding-top: 60px;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  line-height: 1.3;
  color: #fff;
  background: #222a2e;
}
.sidebar a:hover {
  text-decoration: none;
}
.sidebar .media {
  align-items: center;
}
.sidebar ul {
  list-style: none;
  padding-left: 0;
}
.sidebar li {
  margin: 0;
  position: relative;
  width: 100%;
}
.sidebar li.divider {
  border-bottom: 1px solid #171d20;
}
.sidebar li.danger {
  color: #e54343;
}
.sidebar li.title {
  line-height: 44px;
  padding-left: 20px;
  opacity: .3;
}
.sidebar .sidebar__header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(0, 0, 0, 0.15);
}
.sidebar .sidebar-ctrler--label {
  display: block;
  margin: 0;
  padding-right: 1.5rem;
  font-size: 18px;
  line-height: 60px;
  cursor: pointer;
  color: inherit;
  opacity: .65;
}
.sidebar .sidebar-ctrler--label:hover {
  opacity: 1;
}
.sidebar .logo {
  position: relative;
  left: 2.5rem;
  max-width: 0;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  transition: all .2s;
}
.sidebar-ctrler:checked ~ .sidebar .logo {
  max-width: 10em;
  visibility: visible;
  opacity: 1;
  transition-delay: .3s;
}
.sidebar .logo__img {
  display: block;
  max-width: none;
  width: 80px;
  height: auto;
}
.sidebar .menu {
  height: calc(100vh - 60px);
  overflow-y: auto;
  overflow-x: hidden;
  clear: both;
}
.sidebar .menu .nav {
  padding-top: 20px;
  padding-bottom: 30px;
}
.sidebar .menu::-webkit-scrollbar {
  width: 8px;
}
.sidebar .menu::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.sidebar .menu:hover::-webkit-scrollbar-thumb {
  background-color: black;
}
.sidebar--secondary .menu:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
.sidebar .menu a {
  position: relative;
  display: block;
  margin: 0;
  padding: 10px 1rem 10px 3.5rem;
  line-height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: inherit;
  font-weight: inherit;
  opacity: .7;
  cursor: pointer;
  transition: opacity .2s;
}
.sidebar .menu a:focus, .sidebar .menu a:hover {
  background-color: transparent;
}
.sidebar .menu .leftNavIcon.leftNavIcon {
  transition: transform .1s;
  left: auto;
  right: 10px;
}
.sidebar .menu .fa, .sidebar .menu .fab, .sidebar .menu .fas {
  position: absolute;
  top: 12px;
  left: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 16px;
}
.sidebar.sidebar--secondary {
  color: #202527;
}
.sidebar.sidebar--secondary a {
  opacity: .7;
}
.sidebar.sidebar--secondary .active a {
  background-color: #f3f3f3;
}
.sidebar .active:not(.has-sub) > a,
.sidebar a:hover,
.sidebar a:focus {
  opacity: 1;
}
.sidebar .has-sub {
  background-image: radial-gradient(closest-side, rgba(255, 255, 255, 0.15) 30%, rgba(0, 0, 0, 0) 30%);
  background-size: 10px 10px;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
.sidebar-ctrler:checked + .sidebar .has-sub {
  background-image: none;
}
.sidebar .has-sub ul {
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  background-color: #171d20;
  transition: all .2s;
}
.sidebar .has-sub ul a {
  line-height: 18px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.sidebar .has-sub.active ul {
  max-height: 40rem;
  visibility: visible;
}
.sidebar .has-sub.active .leftNavIcon {
  transform: rotate(-90deg);
}
.sidebar .nav-brief {
  margin-bottom: 0;
  padding: .25rem 1.75rem 0 0;
  font-size: 14px;
  line-height: 1.2;
  color: #b2adff;
}

.event-sidebar {
  background: #fff;
}

.sidebar .title {
  max-height: 0;
  overflow: hidden;
  transition: max-height .2s, border .2s;
}
.sidebar-ctrler:checked + .sidebar .title {
  max-height: 3em;
}
.sidebar .has-sub ul,
.sidebar .nav-brief {
  display: none;
}
.sidebar-ctrler:checked + .sidebar .has-sub ul, .sidebar-ctrler:checked +
.sidebar .nav-brief {
  display: block;
}
.sidebar .menu-label,
.sidebar .leftNavIcon {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  white-space: nowrap;
  transition: opacity .3s;
}
.sidebar-ctrler:checked + .sidebar .menu-label, .sidebar-ctrler:checked +
.sidebar .leftNavIcon {
  opacity: 1;
  visibility: visible;
}

.sidebar--secondary .sidebar__header {
  background: #fff;
}

/* utilities ---------------------------------------------------------------------------*/
html {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Heiti TC", "Apple LiGothic Medium", "微軟正黑體", sans-serif;
}

.clearfix:before, .registration .row:before, ol.progress:before, .clearfix:after, .registration .row:after, ol.progress:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after, .registration .row:after, ol.progress:after {
  clear: both;
}

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

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

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

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

.valign-middle {
  vertical-align: middle;
}

.clear {
  clear: both;
}

.inline-block {
  display: inline-block;
}

.colored {
  color: #0875ae;
}

.minor {
  color: #999;
}

.highlight, input.highlight {
  background: #fcf7e0;
}

.refunded {
  background: #f2dede;
}

.unvisible {
  visibility: hidden;
}

.fa-medium {
  font-size: 1.3em;
}

.danger {
  color: #e22d2d;
}

.activated {
  color: #3d7e15;
}

.deactivated {
  color: #952819;
}

.has-following {
  margin-right: 10px;
}

.as-btn-lheight {
  line-height: 33px;
}

.is-following {
  margin-left: 5px;
}

.word-break-keep {
  word-break: keep-all;
}

.form-inline-wrapper {
  display: inline-block;
}

.page.mobile {
  padding: 20px;
  margin: 0;
}

.required abbr {
  color: #ed9c33;
  margin-right: 5px;
  display: inline-block;
}

.control-label abbr {
  display: inline-block;
}

.fa-space {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.important {
  color: #ed9c33;
  font-weight: bold;
}

.alert .important {
  font-size: 1.1em;
  background: #fff;
  display: inline-block;
  margin: 0 2px;
  border-radius: 14px;
  padding: 0 8px;
}
.alert-success .alert .important {
  color: #0875ae;
}
.alert-info .alert .important {
  color: #30b5b3;
}
.alert-warning .alert .important {
  color: #e48528;
}
.alert-danger .alert .important {
  color: #d63939;
}

.countdown {
  border-radius: 2px;
  margin-right: 4px;
  padding: 4px 12px;
}

.alert-warning .countdown {
  color: #d40;
}

.mono {
  font-family: Courier, monospace;
}

.code-text {
  display: inline-block;
  background: #dcf1f5;
  padding: 6px 15px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 24px;
  font-weight: bold;
}

.user-img {
  display: inline-block;
  width: 32px;
  position: relative;
  margin: 0 5px 0 0;
}
.user-img img {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  top: -11px;
}

nav.navbar {
  margin-bottom: 0;
}
nav.navbar ul.menu {
  margin-left: 0;
  padding-left: 0;
}
nav.navbar .navbar-toggle {
  margin: 0;
  border-radius: 0;
  border: none;
}
nav.navbar .dropdown-menu {
  margin-top: 0;
}
nav.navbar .nav {
  right: 0;
}

.has-sidebar nav.navbar h1.logo {
  padding: 10px 0 0 20px;
  display: inline-block;
  float: left;
  height: 40px;
  width: 120px;
}

.otp-links {
  margin-top: 20px;
}
.otp-links ul {
  padding-left: 20px;
}
.otp-links ul li {
  margin-bottom: 5px;
}
.otp-links .info {
  display: block;
  color: #666;
}

.otp-qrcode {
  border: #ddd 1px solid;
  margin: 5px auto 15px;
  display: block;
}

footer.footer {
  margin: 0;
  clear: both;
  position: relative;
  z-index: 10;
}
footer.footer .service {
  box-shadow: inset 0 1px 0 #2a2a2a;
  height: 100px;
  padding: 20px;
}
footer.footer .language {
  margin-top: 0;
  margin-bottom: 15px;
}

.registration .content-wrapper {
  padding-bottom: 20px;
}

.registration nav.navbar .container, footer.footer.registration .container, .progress, .info-inner, .alert-wrapper .alert {
  max-width: 1070px;
  margin-left: auto;
  margin-right: auto;
}

.registration nav.navbar h1.logo, .tng-registration nav.navbar h1.logo {
  padding-left: 0;
}

.registration .row .main-block {
  float: left;
  width: 67%;
}
.registration .row .main-block > h3:first-child {
  margin-top: 0;
}
.registration .row .side-block {
  float: right;
  width: 30%;
}
.registration .row .side-block ul.links {
  list-style: none;
  margin-top: 20px;
  padding: 0;
}
.registration .row .side-block ul.links li {
  margin-bottom: 10px;
}

h2.registration-event {
  margin: 0;
}

#fb-root {
  display: none;
}

.fb-like-box.fb_iframe_widget, .fb-like-box.fb_iframe_widget span, .fb-like-box.fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

ul.event-info {
  list-style: none;
  margin: 5px 0 0;
  padding: 0;
  line-height: 1.6em;
}
ul.event-info.top {
  margin-top: 0;
}
ul.event-info > li {
  padding-left: 28px;
  position: relative;
}
ul.event-info > li > i {
  position: absolute;
  display: inline-block;
  width: 20px;
  text-align: center;
  left: 0;
  top: 3px;
}

i.fa-last {
  margin-right: 0;
  margin-left: 5px;
}

i.fa-front {
  margin-right: 5px;
}
i.fa-front.fa-ticket {
  color: #999;
}

.data-list tbody > tr > th, .data-list tbody > tr > td, .narrow-data-list tbody > tr > th, .narrow-data-list tbody > tr > td, .form-setting tbody > tr > th, .form-setting tbody > tr > td {
  vertical-align: middle;
}
.data-list i.fa-info-circle, .narrow-data-list i.fa-info-circle, .form-setting i.fa-info-circle {
  color: #9408ae;
}

.btn.btn-xs {
  padding: 0.2rem 0.5rem;
  font-size: 0.8125rem;
}
.btn.btn-angel {
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  color: #525252;
}
.btn.btn-angel:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  color: #000;
}
.btn.btn-angel:active {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  background: #f2f2f2;
}

.btn-group[class*="btn-group-"] {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.btn-group[class*="btn-group-"] .btn:hover {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12) inset;
}
.btn-group.btn-group-sm .btn {
  padding: 0.3rem 0.75rem;
  font-size: 0.9375rem;
}
.btn-group.btn-group-xs .btn {
  padding: 0.2rem 0.5rem;
  font-size: 0.75rem;
}

.btn-group.btn-group-xs {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.btn-group.btn-group-xs .btn {
  padding: 0.2rem 0.5rem;
  font-size: 0.75rem;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: none;
  color: #525252;
}
.btn-group.btn-group-xs .btn:hover {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12) inset;
  color: #000;
}

.alert.alert-success .btn {
  border: #9cc7de 1px solid;
}

.alert.alert-info .btn {
  border: #a7c1e5 1px solid;
}

.alert.alert-warning .btn {
  border: #ffde99 1px solid;
}

.alert.alert-danger .btn {
  border: #f3abab 1px solid;
}

/* 覆蓋 bootstrap .alert a 的 color: #eee */
.alert a.btn-default, .alert a.btn-minor, .alert a.btn-alert {
  color: #333;
}

.table-wrapper {
  max-width: 100%;
  overflow: auto;
}

table.table thead > tr > th {
  border-bottom: #ccc 1px solid;
}
table.table.table-auto-width {
  width: auto;
}
table .label {
  margin-right: 5px;
}
table .pending {
  color: #999;
}
table .pending td:first-child {
  padding-left: 48px;
}
table .disabled {
  color: #999;
}
table .cancelled td {
  color: #999;
  text-decoration: line-through;
}
table .cancelled td.actions {
  text-decoration: none;
}
table tr.editing td {
  vertical-align: top;
}
table tr.editing .checkbox, table tr.editing .radio {
  margin-top: 0;
}
table tr.editing .control-group {
  clear: both;
}
table tr.editing .error {
  overflow: visible;
}
table tr.title {
  background: #eee;
}
table .time {
  margin-left: 10px;
}
table form {
  margin-top: 0;
}

table.attendee-info {
  table-layout: fixed;
  clear: both;
  border: #ddd 1px solid;
}
table.attendee-info > thead > tr > th, table.attendee-info td {
  vertical-align: middle;
}
table.attendee-info thead tr {
  background: #eee;
}
table.attendee-info .control-group {
  margin-bottom: 0;
}
table.attendee-info .control-group.html > label {
  display: none;
}
table.attendee-info .control-group .controls {
  word-wrap: break-word;
}
table.attendee-info.col-l-6 {
  display: table !important;
}
table.attendee-info .no-data td {
  vertical-align: middle;
  color: #999;
}
table.attendee-info .form-inline {
  margin-bottom: 5px;
}
table.attendee-info .filename {
  display: inline-block;
  margin-left: 5px;
}

table.data-list.table-bordered {
  border: none;
  border-top: #ddd 1px solid;
}
table.data-list.table-bordered tfoot td {
  border: none;
}

.display-inline-block {
  display: inline-block;
}

.display-table {
  display: table;
}

.display-table-row {
  display: table-row;
}

.display-table-cell {
  display: table-cell;
}

.progress-wrapper {
  background: #ddd;
  padding: 0 20px;
}

ol.progress {
  list-style: none;
  padding: 12px 0 8px;
  margin-bottom: 0;
}
ol.progress li {
  float: left;
  display: inline-block;
  padding: 4px 0;
  color: #888;
  height: 34px;
}
ol.progress > li + li:before {
  font-family: FontAwesome;
  content: "\00a0\f178\00a0";
  padding: 0 8px;
  color: #aaa;
  font-size: 14px;
}
ol.progress .circle {
  background: #888;
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  margin-right: 5px;
}
ol.progress .circle i {
  margin: 0 auto;
}
ol.progress .active {
  color: #111;
  position: relative;
  top: -2px;
}
ol.progress .active .circle {
  background: #0875ae;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  line-height: 26px;
  color: #fff;
}
ol.progress .complete {
  color: #666;
}
ol.progress .complete .circle {
  background: #215e7f;
  font-size: 0.9em;
}

.card-type {
  display: inline-block;
  margin-right: 15px;
}
.card-type > span {
  display: inline-block;
  width: 34px;
  height: 24px;
  position: relative;
  top: 5px;
  opacity: 0.4;
  background-size: 34px 24px;
  background-repeat: no-repeat;
}
.card-type.supported-type > span {
  opacity: 0.2;
}
.card-type.supported-type > span.active {
  opacity: 1;
}
.card-type .visa {
  background-image: url('/assets/cards/visa.png');
}
.card-type .mastercard {
  background-image: url('/assets/cards/mastercard.png');
}
.card-type .jcb {
  background-image: url('/assets/cards/jcb.png');
}

.card-status {
  display: inline-block;
  color: #ed9c33;
  margin-top: 5px;
}
.card-status i {
  margin-right: 5px;
}

iframe[src="about:blank"] {
  display: none;
}

.table-payment-option {
  margin-bottom: 0;
}
.table-payment-option th {
  width: 30%;
}
.table-payment-option p {
  margin-bottom: 0;
}
.table-payment-option img {
  margin-bottom: 3px;
}

.captcha {
  margin-top: 21px;
}

.g-recaptcha {
  margin-bottom: 15px;
}

select.browser-default {
  border-radius: 0.25rem;
  border: 1px solid #ced4da;
  box-shadow: none;
  padding: 7px;
  width: 100%;
  color: #333;
}

select.browser-default::-ms-expand {
  display: none;
}

select.browser-default {
  -webkit-appearance: none;
  appearance: none;
}

/* for ckeditor */
.cke_reset_all img {
  max-width: none;
}

/* datatables ---------------------------------------------------------------------------*/
/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#bs4/dt-1.10.20/af-2.3.4/b-1.6.1/cr-1.5.2/fc-3.3.0/fh-3.1.6/kt-2.5.1/r-2.2.3/rg-1.1.1/rr-1.2.6/sc-2.0.1/sl-1.3.1
 *
 * Included libraries:
 *   DataTables 1.10.20, AutoFill 2.3.4, Buttons 1.6.1, ColReorder 1.5.2, FixedColumns 3.3.0, FixedHeader 3.1.6, KeyTable 2.5.1, Responsive 2.2.3, RowGroup 1.1.1, RowReorder 1.2.6, Scroller 2.0.1, Select 1.3.1
 */
table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: center;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
  width: auto;
  display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 0.85em;
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
  justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 30px;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 0.9em;
  display: block;
  opacity: 0.3;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 1em;
  content: "\2191";
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0.5em;
  content: "\2193";
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  opacity: 1;
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0;
}

div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table thead .sorting:before,
div.dataTables_scrollBody table thead .sorting_asc:before,
div.dataTables_scrollBody table thead .sorting_desc:before,
div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
  display: none;
}

div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
  border-top: none;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
  box-sizing: content-box;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
  margin-top: 0 !important;
  border-top: none;
}

@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
  }
}
table.dataTable.table-sm > thead > tr > th {
  padding-right: 20px;
}

table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
  top: 5px;
  right: 0.85em;
}

table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
  top: 5px;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
  border-left-width: 0;
}

table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
  border-right-width: 0;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
  border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row {
  margin: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
  padding-left: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
  padding-right: 0;
}

div.dt-autofill-handle {
  position: absolute;
  height: 8px;
  width: 8px;
  z-index: 102;
  box-sizing: border-box;
  background: #0275d8;
  cursor: pointer;
}

div.dtk-focus-alt div.dt-autofill-handle {
  background: #ff8b33;
}

div.dt-autofill-select {
  position: absolute;
  z-index: 1001;
  background-color: #0275d8;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px);
}

div.dt-autofill-select.top, div.dt-autofill-select.bottom {
  height: 3px;
  margin-top: -1px;
}

div.dt-autofill-select.left, div.dt-autofill-select.right {
  width: 3px;
  margin-left: -1px;
}

div.dt-autofill-list {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 0 5px #555;
  border: 2px solid #444;
  z-index: 11;
  box-sizing: border-box;
  padding: 1.5em 2em;
}

div.dt-autofill-list ul {
  display: table;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

div.dt-autofill-list ul li {
  display: table-row;
}

div.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-list ul li:last-child div.dt-autofill-button {
  border-bottom: none;
}

div.dt-autofill-list ul li:hover {
  background-color: #f6f6f6;
}

div.dt-autofill-list div.dt-autofill-question {
  display: table-cell;
  padding: 0.5em 0;
  border-bottom: 1px solid #ccc;
}

div.dt-autofill-list div.dt-autofill-question input[type=number] {
  padding: 6px;
  width: 30px;
  margin: -2px 0;
}

div.dt-autofill-list div.dt-autofill-button {
  display: table-cell;
  padding: 0.5em 0;
  border-bottom: 1px solid #ccc;
}

div.dt-autofill-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  z-index: 10;
}

div.dt-autofill-list div.dt-autofill-question input[type=number] {
  padding: 6px;
  width: 60px;
  margin: -2px 0;
}

@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes dtb-spinner {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes dtb-spinner {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes dtb-spinner {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}

div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}

div.dt-button-info > div {
  padding: 1em;
}

div.dt-button-collection-title {
  text-align: center;
  padding: 0.3em 0 0.5em;
  font-size: 0.9em;
}

div.dt-button-collection-title:empty {
  display: none;
}

div.dt-button-collection {
  position: absolute;
  z-index: 2001;
}

div.dt-button-collection div.dropdown-menu {
  display: block;
  z-index: 2002;
  min-width: 100%;
}

div.dt-button-collection div.dt-button-collection-title {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

div.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}

div.dt-button-collection.fixed.two-column {
  margin-left: -200px;
}

div.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}

div.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}

div.dt-button-collection > :last-child {
  display: block !important;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}

div.dt-button-collection > :last-child > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

div.dt-button-collection.two-column {
  width: 400px;
}

div.dt-button-collection.two-column > :last-child {
  padding-bottom: 1px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}

div.dt-button-collection.three-column {
  width: 450px;
}

div.dt-button-collection.three-column > :last-child {
  padding-bottom: 1px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}

div.dt-button-collection.four-column {
  width: 600px;
}

div.dt-button-collection.four-column > :last-child {
  padding-bottom: 1px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}

div.dt-button-collection .dt-button {
  border-radius: 0;
}

div.dt-button-collection.fixed {
  max-width: none;
}

div.dt-button-collection.fixed:before, div.dt-button-collection.fixed:after {
  display: none;
}

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

@media screen and (max-width: 767px) {
  div.dt-buttons {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em;
  }

  div.dt-buttons a.btn {
    float: none;
  }
}
div.dt-buttons button.btn.processing,
div.dt-buttons div.btn.processing,
div.dt-buttons a.btn.processing {
  color: rgba(0, 0, 0, 0.2);
}

div.dt-buttons button.btn.processing:after,
div.dt-buttons div.btn.processing:after,
div.dt-buttons a.btn.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: ' ';
  border: 2px solid #282828;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}

table.DTCR_clonedTable.dataTable {
  position: absolute !important;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 202;
}

div.DTCR_pointer {
  width: 1px;
  background-color: #0275d8;
  z-index: 201;
}

table.DTFC_Cloned tr {
  background-color: white;
  margin-bottom: 0;
}

div.DTFC_LeftHeadWrapper table,
div.DTFC_RightHeadWrapper table {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  background-color: white;
}

div.DTFC_LeftBodyWrapper table,
div.DTFC_RightBodyWrapper table {
  border-top: none;
  margin: 0 !important;
  z-index: 2;
}

div.DTFC_LeftBodyWrapper table thead .sorting:before, div.DTFC_LeftBodyWrapper table thead .sorting:after,
div.DTFC_LeftBodyWrapper table thead .sorting_asc:before,
div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table thead .sorting_desc:before,
div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,
div.DTFC_LeftBodyWrapper table thead .sorting:before,
div.DTFC_LeftBodyWrapper table thead .sorting:after,
div.DTFC_LeftBodyWrapper table thead .sorting_asc:before,
div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table thead .sorting_desc:before,
div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,
div.DTFC_RightBodyWrapper table thead .sorting:before,
div.DTFC_RightBodyWrapper table thead .sorting:after,
div.DTFC_RightBodyWrapper table thead .sorting_asc:before,
div.DTFC_RightBodyWrapper table thead .sorting_asc:after,
div.DTFC_RightBodyWrapper table thead .sorting_desc:before,
div.DTFC_RightBodyWrapper table thead .sorting_desc:after,
div.DTFC_RightBodyWrapper table thead .sorting:before,
div.DTFC_RightBodyWrapper table thead .sorting:after,
div.DTFC_RightBodyWrapper table thead .sorting_asc:before,
div.DTFC_RightBodyWrapper table thead .sorting_asc:after,
div.DTFC_RightBodyWrapper table thead .sorting_desc:before,
div.DTFC_RightBodyWrapper table thead .sorting_desc:after {
  display: none;
}

div.DTFC_LeftBodyWrapper table tbody tr:first-child th,
div.DTFC_LeftBodyWrapper table tbody tr:first-child td,
div.DTFC_RightBodyWrapper table tbody tr:first-child th,
div.DTFC_RightBodyWrapper table tbody tr:first-child td {
  border-top: none;
}

div.DTFC_LeftFootWrapper table,
div.DTFC_RightFootWrapper table {
  border-top: none;
  margin-top: 0 !important;
  background-color: white;
}

div.DTFC_Blocker {
  background-color: white;
}

table.dataTable.table-striped.DTFC_Cloned tbody {
  background-color: white;
}

table.dataTable.fixedHeader-floating,
table.dataTable.fixedHeader-locked {
  background-color: white;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

table.dataTable.fixedHeader-floating {
  position: fixed !important;
}

table.dataTable.fixedHeader-locked {
  position: absolute !important;
}

@media print {
  table.fixedHeader-floating {
    display: none;
  }
}
table.dataTable tbody th.focus,
table.dataTable tbody td.focus {
  box-shadow: inset 0 0 1px 2px #0275d8;
}

div.dtk-focus-alt table.dataTable tbody th.focus,
div.dtk-focus-alt table.dataTable tbody td.focus {
  box-shadow: inset 0 0 1px 2px #ff8b33;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  top: 12px;
  left: 4px;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #0275d8;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
  background-color: #d33333;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}

table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}

table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #0275d8;
}

table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: '-';
  background-color: #d33333;
}

table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}

table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none;
}

table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}

div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}

div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}

div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}

div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}

div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}

div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
div.dtr-bs-modal table.table tr:first-child td {
  border-top: none;
}

table.dataTable tr.dtrg-group td {
  background-color: #e0e0e0;
}

table.dataTable tr.dtrg-group.dtrg-level-0 td {
  font-weight: bold;
}

table.dataTable tr.dtrg-group.dtrg-level-1 td,
table.dataTable tr.dtrg-group.dtrg-level-2 td {
  background-color: #f0f0f0;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 2em;
  font-size: 0.9em;
}

table.dataTable tr.dtrg-group.dtrg-level-2 td {
  background-color: #f3f3f3;
}

table.dt-rowReorder-float {
  position: absolute !important;
  opacity: 0.8;
  table-layout: fixed;
  outline: 2px solid #0275d8;
  outline-offset: -2px;
  z-index: 2001;
}

tr.dt-rowReorder-moving {
  outline: 2px solid #888;
  outline-offset: -2px;
}

body.dt-rowReorder-noOverflow {
  overflow-x: hidden;
}

table.dataTable td.reorder {
  text-align: center;
  cursor: move;
}

div.dts {
  display: block !important;
}

div.dts tbody th,
div.dts tbody td {
  white-space: nowrap;
}

div.dts div.dts_loading {
  z-index: 1;
}

div.dts div.dts_label {
  position: absolute;
  right: 10px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  text-align: right;
  border-radius: 3px;
  padding: 0.4em;
  z-index: 2;
  display: none;
}

div.dts div.dataTables_scrollBody {
  background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px);
}

div.dts div.dataTables_scrollBody table {
  z-index: 2;
}

div.dts div.dataTables_paginate,
div.dts div.dataTables_length {
  display: none;
}

div.DTS div.dataTables_scrollBody table {
  background-color: white;
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
  background-color: #0275d8;
}

table.dataTable.stripe tbody > tr.odd.selected,
table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected,
table.dataTable.display tbody > tr.odd > .selected {
  background-color: #0272d3;
}

table.dataTable.hover tbody > tr.selected:hover,
table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover,
table.dataTable.display tbody > tr > .selected:hover {
  background-color: #0271d0;
}

table.dataTable.order-column tbody > tr.selected > .sorting_1,
table.dataTable.order-column tbody > tr.selected > .sorting_2,
table.dataTable.order-column tbody > tr.selected > .sorting_3,
table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1,
table.dataTable.display tbody > tr.selected > .sorting_2,
table.dataTable.display tbody > tr.selected > .sorting_3,
table.dataTable.display tbody > tr > .selected {
  background-color: #0273d4;
}

table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #026fcc;
}

table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {
  background-color: #0270ce;
}

table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {
  background-color: #0270d0;
}

table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #0273d4;
}

table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {
  background-color: #0274d5;
}

table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {
  background-color: #0275d7;
}

table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected {
  background-color: #026fcc;
}

table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected {
  background-color: #0273d4;
}

table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
  background-color: #026bc6;
}

table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {
  background-color: #026cc8;
}

table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {
  background-color: #026eca;
}

table.dataTable.display tbody > tr:hover > .selected,
table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected,
table.dataTable.order-column.hover tbody > tr > .selected:hover {
  background-color: #026bc6;
}

table.dataTable tbody td.select-checkbox,
table.dataTable tbody th.select-checkbox {
  position: relative;
}

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after,
table.dataTable tbody th.select-checkbox:before,
table.dataTable tbody th.select-checkbox:after {
  display: block;
  position: absolute;
  top: 1.2em;
  left: 50%;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
}

table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
  content: ' ';
  margin-top: -6px;
  margin-left: -6px;
  border: 1px solid black;
  border-radius: 3px;
}

table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
  content: '\2714';
  margin-top: -11px;
  margin-left: -4px;
  text-align: center;
  text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9;
}

div.dataTables_wrapper span.select-info,
div.dataTables_wrapper span.select-item {
  margin-left: 0.5em;
}

@media screen and (max-width: 640px) {
  div.dataTables_wrapper span.select-info,
  div.dataTables_wrapper span.select-item {
    margin-left: 0;
    display: block;
  }
}
table.dataTable tbody tr.selected,
table.dataTable tbody th.selected,
table.dataTable tbody td.selected {
  color: white;
}

table.dataTable tbody tr.selected a,
table.dataTable tbody th.selected a,
table.dataTable tbody td.selected a {
  color: #a2d4ed;
}

/* slidebars ---------------------------------------------------------------------------*/
/*!
 * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars
 * Version: 2.0.2
 * Url: http://www.adchsm.com/slidebars/
 * Author: Adam Charles Smith
 * Author url: http://www.adchsm.com/
 * License: MIT
 * License url: http://www.adchsm.com/slidebars/license/
 */
/**
 * Box Model, Html & Body
 */
html, body, [canvas=container], [off-canvas] {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  width: 100%;
}

/**
 * Canvas
 */
[canvas] {
  z-index: 1;
}

[canvas=container] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
  background-color: white;
  /* Basic background color, overwrite this in your own css. */
  -webkit-overflow-scrolling: touch;
  /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}

[canvas=container]:before, [canvas=container]:after {
  clear: both;
  content: '';
  display: table;
}

/**
 * Off-Canavs
 */
[off-canvas] {
  display: none;
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  background-color: black;
  /* Basic background color, overwrite this in your own css. */
  color: white;
  /* Basic colors, overwrite this in your own css. */
  -webkit-overflow-scrolling: touch;
  /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}

[off-canvas*=top] {
  width: 100%;
  height: 255px;
  top: 0;
}

[off-canvas*=right] {
  width: 220px;
  height: 100%;
  top: 0;
  right: 0;
}

[off-canvas*=bottom] {
  width: 100%;
  height: 255px;
  bottom: 0;
}

[off-canvas*=left] {
  width: 220px;
  height: 100%;
  top: 0;
  left: 0;
}

[off-canvas*=reveal] {
  z-index: 0;
}

[off-canvas*=push] {
  z-index: 1;
}

[off-canvas*=overlay] {
  z-index: 9999;
}

[off-canvas*=shift] {
  z-index: 0;
}

/**
 * Animation
 */
[canvas], [off-canvas] {
  -webkit-transition: -webkit-transform 300ms;
  transition: transform 300ms;
  -webkit-backface-visibility: hidden;
  /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */
}

[off-canvas*=shift][off-canvas*=top] {
  -webkit-transform: translate(0px, 50%);
  transform: translate(0px, 50%);
}

[off-canvas*=shift][off-canvas*=right] {
  -webkit-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

[off-canvas*=shift][off-canvas*=bottom] {
  -webkit-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

[off-canvas*=shift][off-canvas*=left] {
  -webkit-transform: translate(50%, 0px);
  transform: translate(50%, 0px);
}

/**
 * Print
 */
@media print {
  [canvas] {
    -webkit-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important;
  }

  [off-canvas] {
    display: none !important;
  }
}
/* sitemap ---------------------------------------------------------------------------*/
/* ------------------------------------------------------------
	Sitemap Styles
------------------------------------------------------------ */
.sitemap {
  box-sizing: border-box;
  display: inline-block;
  min-width: 100%;
  /* --- Root --- */
  /* --- Level 1 --- */
  /* --- Level 2 --- */
  /* --- Level 3 --- */
  /* --- Level 4 --- */
  /* --- Secondary --- */
}
.sitemap ol, .sitemap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sitemap li a,
.sitemap li a.multi:after {
  position: relative;
  display: block;
  margin: 0;
  padding: 15px;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  white-space: normal;
  color: #333;
  background-color: white;
  border-top: 1px solid #95a5a6;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  z-index: 1;
}
.sitemap li a {
  -webkit-box-shadow: 1px 1px 2px rgba(106, 113, 127, 0.2);
  -moz-box-shadow: 1px 1px 2px rgba(106, 113, 127, 0.2);
  box-shadow: 1px 1px 2px rgba(106, 113, 127, 0.2);
}
.sitemap li a.multi:after {
  content: " ";
  position: absolute;
  left: 6px;
  top: 6px;
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-color: #eee;
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  background-color: transparent;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-bottom-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  z-index: -1;
}
.sitemap li a:before {
  content: " " attr(href) " ";
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  word-wrap: break-word;
  color: #95a5a6;
}
.sitemap li a small {
  display: block;
  font-weight: normal;
  font-size: 12px;
  margin-top: 10px;
}
.sitemap .fa {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 16px;
  vertical-align: middle;
}
.sitemap ul, .sitemap li {
  position: relative;
  display: inline-block;
}
.sitemap .primary ul {
  width: 100%;
}
.sitemap .primary ul > li {
  width: 100%;
}
.sitemap .primary ul li:before,
.sitemap .primary ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-color: #ddd;
  border-width: 1px;
  z-index: 0;
}
.sitemap .primary ul li a {
  border-top-color: #e74c3c;
  width: auto;
}
.sitemap .primary ul li a:before, .sitemap .primary ul li .fa {
  color: #e74c3c;
}
.sitemap .primary ul ul {
  white-space: nowrap;
}
.sitemap .primary ul ul li {
  position: relative;
  vertical-align: top;
  padding-top: 20px;
  margin-right: 20px;
  white-space: normal;
  width: 100%;
}
.sitemap .primary ul ul li:last-child {
  padding-right: 0;
}
.sitemap .primary ul ul li:before {
  border-top-style: solid;
  width: 30px;
  top: 50px;
  margin: 0 0 0 -30px;
}
.sitemap .primary ul ul li:first-child:before {
  border-top-style: none;
  border-left-style: solid;
  width: 0;
  height: 30px;
  top: 0;
  left: 45px;
  margin: 0 0 0 -30px;
}
.sitemap .primary ul ul li a {
  border-top-color: #0875ae;
  width: auto;
}
.sitemap .primary ul ul li a:before, .sitemap .primary ul ul li .fa {
  color: #0875ae;
}
.sitemap .primary ul ul ul {
  display: block;
  white-space: normal;
}
.sitemap .primary ul ul ul li {
  display: block;
  position: relative;
  width: 100%;
  padding-left: 30px;
  margin-right: 0;
}
.sitemap .primary ul ul ul li:before,
.sitemap .primary ul ul ul li:first-child:before {
  border-top-style: none;
  border-left-style: solid;
  height: 100%;
  top: 0;
  left: 45px;
}
.sitemap .primary ul ul ul li:last-child:before {
  height: 50px;
}
.sitemap .primary ul ul ul li:after {
  border-top-style: solid;
  top: 50px;
  left: 15px;
  width: 15px;
}
.sitemap .primary ul ul ul li a {
  border-top-color: #25c054;
  width: auto;
}
.sitemap .primary ul ul ul li a:before, .sitemap .primary ul ul ul li .fa {
  color: #25c054;
}
.sitemap .primary ul ul ul ul li a {
  border-top-color: #ed9c33;
}
.sitemap .primary ul ul ul ul li a:before, .sitemap .primary ul ul ul ul li .fa {
  color: #ed9c33;
}
.sitemap .primary ul ul ul ul ul li a {
  border-top-color: #9b59b6;
}
.sitemap .primary ul ul ul ul ul li a:before, .sitemap .primary ul ul ul ul ul li .fa {
  color: #9b59b6;
}
.sitemap .secondary {
  display: block;
  margin-top: 20px;
  padding-top: 20px;
  border-top: dotted 2px #eee;
}
.sitemap .secondary ul {
  white-space: nowrap;
}
.sitemap .secondary ul li {
  display: inline-block;
  white-space: normal;
  padding: 0 20px 0 0;
}
.sitemap .secondary ul li:before,
.sitemap .secondary ul li:after {
  display: none;
}
.sitemap .secondary ul li:last-child {
  padding: 0;
}
.sitemap .secondary ul {
  width: 100%;
}

.scol-6 .primary > ul > li > a,
.scol-6 .primary > ul > li > ul > li {
  width: 15%;
}

/* slickmap ---------------------------------------------------------------------------*/
/* ------------------------------------------------------------
	NUMBER OF COLUMNS: Adjust #primaryNav li to set the number
	of columns required in your site map. The default is
	4 columns (25%). 5 columns would be 20%, 6 columns would
	be 16.6%, etc.
------------------------------------------------------------ */
#primaryNav li {
  width: 25%;
}

#primaryNav li ul li {
  width: 100% !important;
}

#primaryNav.col1 li {
  width: 99.9%;
}

#primaryNav.col2 li {
  width: 50.0%;
}

#primaryNav.col3 li {
  width: 33.3%;
}

#primaryNav.col4 li {
  width: 25.0%;
}

#primaryNav.col5 li {
  width: 20.0%;
}

#primaryNav.col6 li {
  width: 16.6%;
}

#primaryNav.col7 li {
  width: 14.2%;
}

#primaryNav.col8 li {
  width: 12.5%;
}

#primaryNav.col9 li {
  width: 11.1%;
}

#primaryNav.col10 li {
  width: 10.0%;
}

/* ------------------------------------------------------------
	Site Map Styles
------------------------------------------------------------ */
.slickmap {
  margin: 0 0 40px 0;
  float: left;
  width: 100%;
  /* --------	Top Level --------- */
  /* --------	Second Level --------- */
  /* --------	Third Level --------- */
  /* ------------------------------------------------------------
  	Utility Navigation
  ------------------------------------------------------------ */
}
.slickmap a {
  text-decoration: none;
}
.slickmap ol, .slickmap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.slickmap #primaryNav a:link:before,
.slickmap #primaryNav a:visited:before, .slickmap #utilityNav a:link:before,
.slickmap #utilityNav a:visited:before {
  content: " " attr(href) " ";
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  margin-bottom: 5px;
  word-wrap: break-word;
}
.slickmap #primaryNav {
  margin: 0;
  float: left;
  width: 100%;
}
.slickmap #primaryNav .home {
  display: block;
  float: none;
  background: #fafafa url("../assets/slickmap/L1-left.png") center bottom no-repeat;
  position: relative;
  z-index: 2;
  padding: 0 0 30px 0;
}
.slickmap #primaryNav li {
  float: left;
  background: url("../assets/slickmap/L1-center.png") center top no-repeat;
  padding: 30px 0;
  margin-top: -30px;
}
.slickmap #primaryNav li a {
  margin: 0 20px 0 0;
  padding: 10px 0;
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #333;
  background: #e0f4fe;
  border: 2px solid #d2eefd;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px;
}
.slickmap #primaryNav li a:hover {
  background-color: #d2eefd;
  border-color: #c3e9fc;
}
.slickmap #primaryNav li:last-child {
  background: url("../assets/slickmap/L1-right.png") center top no-repeat;
}
.slickmap #primaryNav li a:link:before,
.slickmap #primaryNav li a:visited:before {
  color: #3389b6;
}
.slickmap #primaryNav li li {
  width: 100%;
  clear: left;
  margin-top: 0;
  padding: 10px 0 0 0;
  background: url("../assets/slickmap/vertical-line.png") center bottom repeat-y;
}
.slickmap #primaryNav li li a {
  background-color: #f3f9d1;
  border-color: #edf6bb;
}
.slickmap #primaryNav li li a:hover {
  border-color: #eff7c4;
  background-color: #e9f4ae;
}
.slickmap #primaryNav li li:first-child {
  padding-top: 30px;
}
.slickmap #primaryNav li li:last-child {
  background: url("../assets/slickmap/vertical-line.png") center bottom repeat-y;
}
.slickmap #primaryNav li li a:link:before,
.slickmap #primaryNav li li a:visited:before {
  color: #a9bb48;
}
.slickmap #primaryNav li li ul {
  margin: 10px 0 0 0;
  width: 100%;
  float: right;
  padding: 9px 0 10px 0;
  background: #fafafa url("../assets/slickmap/L3-ul-top.png") center top no-repeat;
}
.slickmap #primaryNav li li li {
  background: url("../assets/slickmap/L3-center.png") left center no-repeat;
  padding: 5px 0;
}
.slickmap #primaryNav li li li a {
  background-color: #fff8d7;
  border-color: #fef0af;
  font-size: 12px;
  padding: 5px 0;
  width: 80%;
  float: right;
}
.slickmap #primaryNav li li li a:hover {
  background-color: #fff3be;
  border-color: #feec9b;
}
.slickmap #primaryNav li li li:first-child {
  padding: 15px 0 5px 0;
  background: url("../assets/slickmap/L3-li-top.png") left center no-repeat;
}
.slickmap #primaryNav li li li:last-child {
  background: url("../assets/slickmap/L3-bottom.png") left center no-repeat;
}
.slickmap #primaryNav li li li a:link:before,
.slickmap #primaryNav li li li a:visited:before {
  color: #cfb640;
  font-size: 9px;
}
.slickmap #utilityNav {
  float: right;
  max-width: 50%;
  margin-right: 10px;
}
.slickmap #utilityNav li {
  float: left;
  margin-bottom: 10px;
}
.slickmap #utilityNav li a {
  margin: 0 10px 0 0;
  padding: 5px 10px;
  display: block;
  background-color: #fff8d7;
  border: 2px solid #fef0af;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #333;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px;
}
.slickmap #utilityNav li a:hover {
  background-color: #fff3be;
  border-color: #feec9b;
}
.slickmap #utilityNav li a:link:before,
.slickmap #utilityNav li a:visited:before {
  color: #cfb640;
  font-size: 9px;
  margin-bottom: 3px;
}

/* timeline ---------------------------------------------------------------------------*/
.timeline ul, .timeline ol {
  list-style: none;
  margin: 0;
  padding: 40px 0;
  position: relative;
}
.timeline li {
  margin-bottom: 20px;
  position: relative;
}
.timeline .card {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
  border: none;
  border-top: 1px solid #aaa;
}
.timeline .timeline-date {
  display: block;
  margin-bottom: 5px;
}
.timeline .timeline-circ {
  background: #ccc;
  border: 3px solid #e5e5e5;
  border-radius: 10px;
  width: 16px;
  height: 16px;
  position: absolute;
  left: -7px;
  top: 40%;
}
.timeline .timeline-circ:after {
  content: "";
  background: #dee2e6;
  width: 34px;
  height: 1px;
  position: absolute;
  top: 5px;
  left: 13px;
  opacity: 0.7;
}
.timeline li:nth-child(2n) .timeline-circ {
  left: auto;
  right: -9px;
}
.timeline li:nth-child(2n) .timeline-circ:after {
  left: auto;
  right: 13px;
}
.timeline .time-warning .timeline-circ {
  background: #e48528;
  border-color: #f6d7b9;
  opacity: 0.8;
}
.timeline .time-warning .timeline-circ:after {
  background: #ecac6c;
}
.timeline .time-warning .card {
  border-color: #efb883;
}
.timeline .time-success .timeline-circ {
  background: #329d4b;
  border-color: #95dda6;
  opacity: 0.7;
}
.timeline .time-success .timeline-circ:after {
  background: #54c86e;
}
.timeline .time-success .card {
  border-color: #67ce7e;
}
.timeline .time-danger .timeline-circ {
  background: #d63939;
  border-color: #f2c0c0;
  opacity: 0.7;
}
.timeline .time-danger .timeline-circ:after {
  background: #e37878;
}
.timeline .time-danger .card {
  border-color: #e88d8d;
}

/* `Timeline cross
-----------------------------------------------------------------------------*/
.timeline-cross {
  margin-bottom: 40px;
}
.timeline-cross ul {
  padding-left: 50%;
}
.timeline-cross ul:after {
  content: "";
  background: #ebebeb;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  z-index: -1;
}
.timeline-cross li {
  margin-bottom: 0;
  padding-left: 40px;
}
.timeline-cross li:nth-child(2n) {
  margin-left: -100%;
  padding-left: 0;
  padding-right: 40px;
  width: 100%;
}

/* `Block Timeline
-----------------------------------------------------------------------------*/
.block-timeline ul {
  padding: 10px 0 0;
}
.block-timeline li .timeline-circ, .block-timeline li:nth-child(2n) .timeline-circ {
  display: none;
}
.block-timeline .card {
  border-radius: 0;
  box-shadow: none;
  border-top: 0;
  border-left: 2px solid #aaa;
  z-index: 1;
}

/* jstree view ---------------------------------------------------------------------------*/
/* jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

.jstree-node {
  white-space: nowrap;
}

.jstree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 4px 0 1px;
  margin: 0;
  vertical-align: top;
}

.jstree-anchor:focus {
  outline: 0;
}

.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}

.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-ocl {
  cursor: pointer;
}

.jstree-leaf > .jstree-ocl {
  cursor: default;
}

.jstree .jstree-open > .jstree-children {
  display: block;
}

.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
  display: none;
}

.jstree-anchor > .jstree-themeicon {
  margin-right: 2px;
}

.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}

.jstree-hidden,
.jstree-node.jstree-hidden {
  display: none;
}

.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}

.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}

.jstree-rtl .jstree-node {
  margin-left: 0;
}

.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}

.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}

.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  cursor: pointer;
}

.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
  position: relative;
}

.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jstree-contextmenu .jstree-anchor {
  -webkit-user-select: none;
  /* disable selection/Copy of UIWebView */
  -webkit-touch-callout: none;
  /* disable the IOS popup when long-press on a link */
}

.vakata-context {
  display: none;
}

.vakata-context,
.vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #999999;
}

.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}

.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}

.vakata-context li {
  list-style: none;
}

.vakata-context li > a {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  text-shadow: 1px 1px 0 white;
  border-radius: 1px;
}

.vakata-context li > a:hover {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}

.vakata-context li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat;
}

.vakata-context li > a:focus {
  outline: 0;
}

.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}

.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  text-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
}

.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}

.vakata-context li > a > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}

.vakata-context li > a > i:empty {
  width: 2.4em;
  line-height: 2.4em;
}

.vakata-context li > a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}

.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}

.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}

.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat;
}

.vakata-context-rtl .vakata-context-separator > a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}

.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}

.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0;
}

.vakata-context-rtl li > a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}

#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}

#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}

#jstree-dnd .jstree-ok {
  background: green;
}

#jstree-dnd .jstree-er {
  background: red;
}

#jstree-dnd .jstree-copy {
  margin: 0 2px 0 2px;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}

.jstree-default .jstree-anchor,
.jstree-default .jstree-animated,
.jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}

.jstree-default .jstree-hovered {
  background: #eef3f5;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}

.jstree-default .jstree-context {
  background: #eef3f5;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}

.jstree-default .jstree-clicked {
  background: #dae8ee;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999999;
}

.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}

.jstree-default .jstree-disabled {
  background: transparent;
  color: #666666;
}

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #eef3f5;
}

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #eef3f5;
}

.jstree-default > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}

.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.jstree-default .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.jstree-default .jstree-wholerow-hovered {
  background: #eef3f5;
}

.jstree-default .jstree-wholerow-clicked {
  background: #dae8ee;
  background: -webkit-linear-gradient(top, #dae8ee 0%, #a8e4ff 100%);
  background: linear-gradient(to bottom, #dae8ee 0%, #a8e4ff 100%);
}

.jstree-default .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}

.jstree-default .jstree-anchor {
  line-height: 24px;
  height: 24px;
}

.jstree-default .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.jstree-default .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px;
}

.jstree-default .jstree-wholerow {
  height: 24px;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-image: url("../assets/32px.png");
}

.jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}

.jstree-default .jstree-last {
  background: transparent;
}

.jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}

.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}

.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}

.jstree-default .jstree-themeicon {
  background-position: -260px -4px;
}

.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}

.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}

.jstree-default .jstree-disabled {
  background: transparent;
}

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default .jstree-checkbox {
  background-position: -164px -4px;
}

.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
  background-position: -228px -4px;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}

.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}

.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}

.jstree-default .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.jstree-default > .jstree-striped {
  background-size: auto 48px;
}

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}

.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}

.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}

.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("../assets/throbber.gif") center center no-repeat;
}

.jstree-default .jstree-file {
  background: url("../assets/32px.png") -100px -68px no-repeat;
}

.jstree-default .jstree-folder {
  background: url("../assets/32px.png") -260px -4px no-repeat;
}

.jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default {
  line-height: 24px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
  background-image: url("../assets/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default i {
  background: transparent;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

#jstree-dnd.jstree-default .jstree-ok {
  background-position: -4px -68px;
}

#jstree-dnd.jstree-default .jstree-er {
  background-position: -36px -68px;
}

.jstree-default .jstree-ellipsis {
  overflow: hidden;
}

.jstree-default .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 29px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.jstree-default .jstree-ellipsis.jstree-no-icons .jstree-anchor {
  width: calc(100% - 5px);
}

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}

.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}

.jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}

.jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}

.jstree-default-small .jstree-wholerow {
  height: 18px;
}

.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
  background-image: url("../assets/32px.png");
}

.jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}

.jstree-default-small .jstree-last {
  background: transparent;
}

.jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}

.jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}

.jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}

.jstree-default-small .jstree-themeicon {
  background-position: -263px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}

.jstree-default-small .jstree-disabled {
  background: transparent;
}

.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default-small .jstree-checkbox {
  background-position: -167px -7px;
}

.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px;
}

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}

.jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}

.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}

.jstree-default-small .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.jstree-default-small > .jstree-striped {
  background-size: auto 36px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}

.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}

.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}

.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("../assets/throbber.gif") center center no-repeat;
}

.jstree-default-small .jstree-file {
  background: url("../assets/32px.png") -103px -71px no-repeat;
}

.jstree-default-small .jstree-folder {
  background: url("../assets/32px.png") -263px -7px no-repeat;
}

.jstree-default-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default-small {
  line-height: 18px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default-small .jstree-ok,
#jstree-dnd.jstree-default-small .jstree-er {
  background-image: url("../assets/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px;
}

#jstree-dnd.jstree-default-small .jstree-ok {
  background-position: -7px -71px;
}

#jstree-dnd.jstree-default-small .jstree-er {
  background-position: -39px -71px;
}

.jstree-default-small .jstree-ellipsis {
  overflow: hidden;
}

.jstree-default-small .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 23px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.jstree-default-small .jstree-ellipsis.jstree-no-icons .jstree-anchor {
  width: calc(100% - 5px);
}

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}

.jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}

.jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}

.jstree-default-large .jstree-wholerow {
  height: 32px;
}

.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
  background-image: url("../assets/32px.png");
}

.jstree-default-large .jstree-node {
  background-position: -288px 0px;
  background-repeat: repeat-y;
}

.jstree-default-large .jstree-last {
  background: transparent;
}

.jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0px;
}

.jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0px;
}

.jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0px;
}

.jstree-default-large .jstree-themeicon {
  background-position: -256px 0px;
}

.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0px;
}

.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px 0px;
}

.jstree-default-large .jstree-disabled {
  background: transparent;
}

.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default-large .jstree-checkbox {
  background-position: -160px 0px;
}

.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0px;
}

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}

.jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0px;
}

.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}

.jstree-default-large .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.jstree-default-large > .jstree-striped {
  background-size: auto 64px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}

.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}

.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px -32px;
}

.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("../assets/throbber.gif") center center no-repeat;
}

.jstree-default-large .jstree-file {
  background: url("../assets/32px.png") -96px -64px no-repeat;
}

.jstree-default-large .jstree-folder {
  background: url("../assets/32px.png") -256px 0px no-repeat;
}

.jstree-default-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default-large {
  line-height: 32px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default-large .jstree-ok,
#jstree-dnd.jstree-default-large .jstree-er {
  background-image: url("../assets/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

#jstree-dnd.jstree-default-large .jstree-ok {
  background-position: 0px -64px;
}

#jstree-dnd.jstree-default-large .jstree-er {
  background-position: -32px -64px;
}

.jstree-default-large .jstree-ellipsis {
  overflow: hidden;
}

.jstree-default-large .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 37px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.jstree-default-large .jstree-ellipsis.jstree-no-icons .jstree-anchor {
  width: calc(100% - 5px);
}

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}

@media (max-width: 768px) {
  #jstree-dnd.jstree-dnd-responsive {
    line-height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }

  #jstree-dnd.jstree-dnd-responsive > i {
    background: transparent;
    width: 40px;
    height: 40px;
  }

  #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url("../assets/40px.png");
    background-position: 0 -200px;
    background-size: 120px 240px;
  }

  #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url("../assets/40px.png");
    background-position: -40px -200px;
    background-size: 120px 240px;
  }

  #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px;
  }
}
@media (max-width: 768px) {
  .jstree-default-responsive {
    /*
	.jstree-open > .jstree-ocl,
	.jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
	*/
  }

  .jstree-default-responsive .jstree-icon {
    background-image: url("../assets/40px.png");
  }

  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }

  .jstree-default-responsive .jstree-node {
    min-height: 40px;
    line-height: 40px;
    margin-left: 40px;
    min-width: 40px;
    white-space: nowrap;
  }

  .jstree-default-responsive .jstree-anchor {
    line-height: 40px;
    height: 40px;
  }

  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-icon:empty {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
  }

  .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px;
    background: transparent;
  }

  .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }

  .jstree-default-responsive .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-size: 120px 240px;
  }

  .jstree-default-responsive .jstree-leaf > .jstree-ocl,
  .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
    background: transparent;
  }

  .jstree-default-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0px !important;
  }

  .jstree-default-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important;
  }

  .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0px !important;
  }

  .jstree-default-responsive .jstree-themeicon {
    background-position: -40px -40px;
  }

  .jstree-default-responsive .jstree-checkbox,
  .jstree-default-responsive .jstree-checkbox:hover {
    background-position: -40px -80px;
  }

  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  .jstree-default-responsive .jstree-checked > .jstree-checkbox,
  .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }

  .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px;
  }

  .jstree-default-responsive .jstree-anchor {
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }

  .jstree-default-responsive > .jstree-striped {
    background: transparent;
  }

  .jstree-default-responsive .jstree-wholerow {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    background: #ebebeb;
    height: 40px;
  }

  .jstree-default-responsive .jstree-wholerow-hovered {
    background: #eef3f5;
  }

  .jstree-default-responsive .jstree-wholerow-clicked {
    background: #dae8ee;
  }

  .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666666;
  }

  .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #666666;
    border-top: 0;
  }

  .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }

  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-node > .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-image: url("../assets/40px.png");
    background-size: 120px 240px;
  }

  .jstree-default-responsive .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y;
  }

  .jstree-default-responsive .jstree-last {
    background: transparent;
  }

  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background-position: -40px -120px;
  }

  .jstree-default-responsive .jstree-last > .jstree-ocl {
    background-position: -40px -160px;
  }

  .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
  }

  .jstree-default-responsive .jstree-file {
    background: url("../assets/40px.png") 0 -160px no-repeat;
    background-size: 120px 240px;
  }

  .jstree-default-responsive .jstree-folder {
    background: url("../assets/40px.png") -40px -40px no-repeat;
    background-size: 120px 240px;
  }

  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
  }
}
.flex-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}

/* 需等 peggy 協助修改 prototype js
.treeview-container {
	.treeview-wrapper,
	.table-wrapper {
        width: 100%;
        height: 100%;
        position: relative;
        user-select: none;
	}
    .treeview-wrapper {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        width: 100%;
        right: 80%;
        overflow-y: auto;
	}
    .table-wrapper {
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0px;
        width: 80%;
        background: #fff;
        padding-left: 4px;
        overflow: hidden;
	}
    .resizor {
        position: absolute;
        top: 10px;
        right: 80%;
        cursor: w-resize;
        margin-top: -10px;
        width: 15px;
        height: 100%;
        padding: 0 7px;
        z-index: 99999;
        background-color: #fff;
    }
    .resizor_line {
        background-color: #e5e5e5;
        border-radius: 5px;
        width: 1px;
        height: 100%;
        background-size: cover;
        background-position: center;
    }
    &:after {
        content: none;
    }
}
*/
.treeview-container .treeview-wrapper {
  width: 20%;
}
.treeview-container .table-wrapper {
  width: 80%;
}
.treeview-container:after {
  content: "";
  background: #e5e5e5;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20%;
}

.js-tree .btn {
  margin: 0;
}

.jstree-default .jstree-anchor {
  border-radius: 3px;
}

/* jQuery Scrollbar ---------------------------------------------------------------------------*/
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}

.scroll-element, .scroll-element div {
  box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eeeeee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}

/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none;
}

.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6C6E71;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -9px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -9px;
  min-height: 10px;
  width: 7px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-light > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
  background: #dbdbdb;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
  bottom: 0;
  height: 17px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
  background: #fefefe;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

.scrollbar-light > .scroll-content.scroll-scrollx_visible {
  top: -17px;
  margin-top: 17px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 0px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
  left: 0px;
  min-height: 10px;
  width: 10px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
  height: 12px;
  left: 2px;
  top: 2px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  top: 2px;
  width: 12px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-rail > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  padding: 3px 0 2px;
  width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  padding: 0 2px 0 3px;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
  background-color: #d0b9a0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
  margin-top: 17px;
  top: -17px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 1px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
  left: 1px;
  min-height: 10px;
  width: 10px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
  height: 15px;
  left: 5px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
  height: 2px;
  left: -10px;
  top: 5px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
  top: 5px;
  width: 15px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
  left: 5px;
  top: -10px;
  width: 2px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -25px;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -25px;
}

/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
  bottom: 2px;
  height: 7px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 2px;
  top: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
  opacity: 0.3;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_size {
  background-color: #cccccc;
  opacity: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
  background-color: #6c6e71;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
  bottom: 0;
  height: 7px;
  min-width: 24px;
  top: auto;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
  left: auto;
  min-height: 24px;
  right: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
  bottom: 0;
  top: auto;
  left: 2px;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  -ms-transition: height 0.2s;
  transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
  left: auto;
  right: 0;
  top: 2px;
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -ms-transition: width 0.2s;
  transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/* hover & drag */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
  opacity: 1;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
  height: 20px;
  min-height: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
  min-width: 7px;
  width: 20px;
}

/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-chrome > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_track {
  background: #f1f1f1;
  border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
  bottom: 0;
  height: 16px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
  border: 1px solid #bdbdbd;
  cursor: default;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
  border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
  border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
  left: -16px;
  margin-left: 16px;
}

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
  top: -16px;
  margin-top: 16px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
  height: 8px;
  min-width: 10px;
  top: 3px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
  left: 3px;
  min-height: 10px;
  width: 8px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
  border-left: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
  height: 14px;
  left: -3px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
  height: 14px;
  left: -4px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
  border-top: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
  top: -3px;
  width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
  width: 14px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

/* Vertical Tabs ---------------------------------------------------------------------------*/
.vertical-tabs {
  display: block;
  border-bottom: none;
  margin-bottom: 0;
  width: 100%;
}
.vertical-tabs .nav-item {
  border-bottom: 1px solid rgba(222, 226, 230, 0.5);
  margin-bottom: 0;
  padding-bottom: 1px;
  overflow: visible;
}
.vertical-tabs .nav-item:last-child {
  border: none;
}
.vertical-tabs .nav-link {
  border: none;
  padding: 1.25rem;
  position: relative;
}
.vertical-tabs .nav-link:hover {
  background-color: transparent;
}
.vertical-tabs .nav-link.active {
  border: none;
}
.vertical-tabs .nav-link.active:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 12px;
  border-color: transparent transparent transparent #fbffff;
  position: absolute;
  right: -12px;
  top: 50%;
  margin-top: -12px;
}

.vertical-tabs-content {
  padding: 0;
  width: 100%;
}

/* `Department 給學術單位一覽表的樣式
-----------------------------------------------------------------------------*/
.vertical-tabs .nav-link .title {
  color: #454545;
}
.vertical-tabs .nav-link .en {
  font-weight: 300;
  color: #a5acb2;
}
.vertical-tabs .nav-link .count {
  margin-bottom: 0;
  color: #eb8045;
  opacity: 0.5;
}
.vertical-tabs .nav-link.active {
  background: #fbffff;
}
.vertical-tabs .nav-link.active .title {
  color: #219287;
}
.vertical-tabs .nav-link.active .count {
  opacity: 1;
}
.vertical-tabs .action .btn {
  min-width: 40px;
}
.vertical-tabs .action .btn i {
  margin-right: 0;
}

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

.department-list .department-wrap {
  border-bottom: 1px solid rgba(222, 226, 230, 0.5);
  padding: 1.25rem 0;
}
.department-list li:first-child .department-wrap {
  padding-top: 0.375rem;
}
.department-list li:last-child .department-wrap {
  border-bottom: none;
  padding-bottom: 0;
}
.department-list .title {
  color: #454545;
}
.department-list .en {
  margin-bottom: 0;
  font-weight: 300;
  color: #a5acb2;
}
.department-list .action .btn {
  box-shadow: none;
}
.department-list .action .btn i {
  margin-right: 0;
}

/* `Sticky
-----------------------------------------------------------------------------*/
.sticky-fixed {
  position: fixed;
  top: 20px;
}

.sticky-tabs-wrapper {
  display: flow-root;
}
.sticky-tabs-wrapper .sticky-vertical_tabs {
  float: left;
  width: 240px;
}
.sticky-tabs-wrapper .sticky-content-container {
  margin-left: 270px;
}

.sticky-vertical_tabs .nav-item {
  background-color: transparent;
  border: none;
  margin-bottom: 2px;
  font-size: 1rem;
}
.sticky-vertical_tabs .nav-link {
  border-radius: 3px;
  background: #fff;
  padding: 0.75rem 1rem;
}
.sticky-vertical_tabs .nav-link.active {
  background: #27b4cf;
  background: linear-gradient(45deg, #0f43ba 0%, #27b4cf 100%);
  color: #fff;
}
.sticky-vertical_tabs .nav-link.active:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #27b4cf;
  position: absolute;
  right: -7px;
  top: 50%;
  margin-top: -8px;
}

/* Progress Timeline -----------------------------------------------------------------------*/
.progress-timeline .progress-list {
  list-style: none;
  margin: 0;
  padding: 30px 0 1px;
  position: relative;
}
.progress-timeline .progress-list:after {
  content: "";
  border-radius: 2px;
  background: #e3e5ea;
  width: 4px;
  position: absolute;
  left: 258px;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.progress-timeline .progress-item {
  display: flow-root;
  margin-bottom: 60px;
}
.progress-timeline .progress-check {
  float: left;
  width: 300px;
  position: relative;
}
.progress-timeline .progress-circ {
  background: #999;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  font-family: "Roboto",sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  color: #999;
  text-align: center;
  line-height: 80px;
  position: absolute;
  right: 0;
  z-index: 0;
}
.progress-timeline .progress-circ:before {
  content: "";
  display: block;
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3);
  background: #fff;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: -1;
}
.progress-timeline .progress-brief {
  padding-top: 15px;
  text-align: right;
  width: 190px;
}
.progress-timeline .progress-brief p {
  margin-bottom: 0;
  line-height: 1.4;
  color: #838d93;
}
.progress-timeline .progress-card {
  margin-left: 340px;
  position: relative;
}
.progress-timeline .progress-card:before, .progress-timeline .progress-card:after {
  content: "";
  position: absolute;
}
.progress-timeline .progress-card:before {
  background: #999;
  width: 24px;
  height: 2px;
  top: 39px;
  left: -40px;
}
.progress-timeline .progress-card:after {
  border-radius: 50%;
  border: 2px solid #999;
  width: 12px;
  height: 12px;
  top: 34px;
  left: -16px;
}
.progress-timeline .progress-card-body {
  background: #fff;
  border-radius: 5px;
  padding: 20px;
  min-height: 80px;
}

.progress-item.checked .progress-circ:after {
  content: "\f00c";
  display: block;
  font: normal normal normal 2.5rem/88px FontAwesome;
  color: red;
}

.progress-item.checked:nth-child(12n-11) .progress-circ, .history-timeline .progress-item:nth-child(12n-11) .progress-circ {
  background: #a7d906;
  color: #a7d906;
}
.progress-item.checked:nth-child(12n-11) .progress-circ:after, .history-timeline .progress-item:nth-child(12n-11) .progress-circ:after {
  color: #a7d906;
}
.progress-item.checked:nth-child(12n-11) .progress-brief h5, .history-timeline .progress-item:nth-child(12n-11) .progress-brief h5 {
  color: #a7d906;
}
.progress-item.checked:nth-child(12n-11) .progress-card:before, .history-timeline .progress-item:nth-child(12n-11) .progress-card:before {
  background: #a7d906;
}
.progress-item.checked:nth-child(12n-11) .progress-card:after, .history-timeline .progress-item:nth-child(12n-11) .progress-card:after {
  border-color: #a7d906;
}
.progress-item.checked:nth-child(12n-10) .progress-circ, .history-timeline .progress-item:nth-child(12n-10) .progress-circ {
  background: #f8596d;
  color: #f8596d;
}
.progress-item.checked:nth-child(12n-10) .progress-circ:after, .history-timeline .progress-item:nth-child(12n-10) .progress-circ:after {
  color: #f8596d;
}
.progress-item.checked:nth-child(12n-10) .progress-brief h5, .history-timeline .progress-item:nth-child(12n-10) .progress-brief h5 {
  color: #f8596d;
}
.progress-item.checked:nth-child(12n-10) .progress-card:before, .history-timeline .progress-item:nth-child(12n-10) .progress-card:before {
  background: #f8596d;
}
.progress-item.checked:nth-child(12n-10) .progress-card:after, .history-timeline .progress-item:nth-child(12n-10) .progress-card:after {
  border-color: #f8596d;
}
.progress-item.checked:nth-child(12n-9) .progress-circ, .history-timeline .progress-item:nth-child(12n-9) .progress-circ {
  background: #f7cb00;
  color: #f7cb00;
}
.progress-item.checked:nth-child(12n-9) .progress-circ:after, .history-timeline .progress-item:nth-child(12n-9) .progress-circ:after {
  color: #f7cb00;
}
.progress-item.checked:nth-child(12n-9) .progress-brief h5, .history-timeline .progress-item:nth-child(12n-9) .progress-brief h5 {
  color: #f7cb00;
}
.progress-item.checked:nth-child(12n-9) .progress-card:before, .history-timeline .progress-item:nth-child(12n-9) .progress-card:before {
  background: #f7cb00;
}
.progress-item.checked:nth-child(12n-9) .progress-card:after, .history-timeline .progress-item:nth-child(12n-9) .progress-card:after {
  border-color: #f7cb00;
}
.progress-item.checked:nth-child(12n-8) .progress-circ, .history-timeline .progress-item:nth-child(12n-8) .progress-circ {
  background: #1dd8bb;
  color: #1dd8bb;
}
.progress-item.checked:nth-child(12n-8) .progress-circ:after, .history-timeline .progress-item:nth-child(12n-8) .progress-circ:after {
  color: #1dd8bb;
}
.progress-item.checked:nth-child(12n-8) .progress-brief h5, .history-timeline .progress-item:nth-child(12n-8) .progress-brief h5 {
  color: #1dd8bb;
}
.progress-item.checked:nth-child(12n-8) .progress-card:before, .history-timeline .progress-item:nth-child(12n-8) .progress-card:before {
  background: #1dd8bb;
}
.progress-item.checked:nth-child(12n-8) .progress-card:after, .history-timeline .progress-item:nth-child(12n-8) .progress-card:after {
  border-color: #1dd8bb;
}
.progress-item.checked:nth-child(12n-7) .progress-circ, .history-timeline .progress-item:nth-child(12n-7) .progress-circ {
  background: #3dcfff;
  color: #3dcfff;
}
.progress-item.checked:nth-child(12n-7) .progress-circ:after, .history-timeline .progress-item:nth-child(12n-7) .progress-circ:after {
  color: #3dcfff;
}
.progress-item.checked:nth-child(12n-7) .progress-brief h5, .history-timeline .progress-item:nth-child(12n-7) .progress-brief h5 {
  color: #3dcfff;
}
.progress-item.checked:nth-child(12n-7) .progress-card:before, .history-timeline .progress-item:nth-child(12n-7) .progress-card:before {
  background: #3dcfff;
}
.progress-item.checked:nth-child(12n-7) .progress-card:after, .history-timeline .progress-item:nth-child(12n-7) .progress-card:after {
  border-color: #3dcfff;
}
.progress-item.checked:nth-child(12n-6) .progress-circ, .history-timeline .progress-item:nth-child(12n-6) .progress-circ {
  background: #ff78d7;
  color: #ff78d7;
}
.progress-item.checked:nth-child(12n-6) .progress-circ:after, .history-timeline .progress-item:nth-child(12n-6) .progress-circ:after {
  color: #ff78d7;
}
.progress-item.checked:nth-child(12n-6) .progress-brief h5, .history-timeline .progress-item:nth-child(12n-6) .progress-brief h5 {
  color: #ff78d7;
}
.progress-item.checked:nth-child(12n-6) .progress-card:before, .history-timeline .progress-item:nth-child(12n-6) .progress-card:before {
  background: #ff78d7;
}
.progress-item.checked:nth-child(12n-6) .progress-card:after, .history-timeline .progress-item:nth-child(12n-6) .progress-card:after {
  border-color: #ff78d7;
}
.progress-item.checked:nth-child(12n-5) .progress-circ, .history-timeline .progress-item:nth-child(12n-5) .progress-circ {
  background: #db7c3d;
  color: #db7c3d;
}
.progress-item.checked:nth-child(12n-5) .progress-circ:after, .history-timeline .progress-item:nth-child(12n-5) .progress-circ:after {
  color: #db7c3d;
}
.progress-item.checked:nth-child(12n-5) .progress-brief h5, .history-timeline .progress-item:nth-child(12n-5) .progress-brief h5 {
  color: #db7c3d;
}
.progress-item.checked:nth-child(12n-5) .progress-card:before, .history-timeline .progress-item:nth-child(12n-5) .progress-card:before {
  background: #db7c3d;
}
.progress-item.checked:nth-child(12n-5) .progress-card:after, .history-timeline .progress-item:nth-child(12n-5) .progress-card:after {
  border-color: #db7c3d;
}
.progress-item.checked:nth-child(12n-4) .progress-circ, .history-timeline .progress-item:nth-child(12n-4) .progress-circ {
  background: #963ef0;
  color: #963ef0;
}
.progress-item.checked:nth-child(12n-4) .progress-circ:after, .history-timeline .progress-item:nth-child(12n-4) .progress-circ:after {
  color: #963ef0;
}
.progress-item.checked:nth-child(12n-4) .progress-brief h5, .history-timeline .progress-item:nth-child(12n-4) .progress-brief h5 {
  color: #963ef0;
}
.progress-item.checked:nth-child(12n-4) .progress-card:before, .history-timeline .progress-item:nth-child(12n-4) .progress-card:before {
  background: #963ef0;
}
.progress-item.checked:nth-child(12n-4) .progress-card:after, .history-timeline .progress-item:nth-child(12n-4) .progress-card:after {
  border-color: #963ef0;
}
.progress-item.checked:nth-child(12n-3) .progress-circ, .history-timeline .progress-item:nth-child(12n-3) .progress-circ {
  background: #3e74fc;
  color: #3e74fc;
}
.progress-item.checked:nth-child(12n-3) .progress-circ:after, .history-timeline .progress-item:nth-child(12n-3) .progress-circ:after {
  color: #3e74fc;
}
.progress-item.checked:nth-child(12n-3) .progress-brief h5, .history-timeline .progress-item:nth-child(12n-3) .progress-brief h5 {
  color: #3e74fc;
}
.progress-item.checked:nth-child(12n-3) .progress-card:before, .history-timeline .progress-item:nth-child(12n-3) .progress-card:before {
  background: #3e74fc;
}
.progress-item.checked:nth-child(12n-3) .progress-card:after, .history-timeline .progress-item:nth-child(12n-3) .progress-card:after {
  border-color: #3e74fc;
}
.progress-item.checked:nth-child(12n-2) .progress-circ, .history-timeline .progress-item:nth-child(12n-2) .progress-circ {
  background: #d08f1d;
  color: #d08f1d;
}
.progress-item.checked:nth-child(12n-2) .progress-circ:after, .history-timeline .progress-item:nth-child(12n-2) .progress-circ:after {
  color: #d08f1d;
}
.progress-item.checked:nth-child(12n-2) .progress-brief h5, .history-timeline .progress-item:nth-child(12n-2) .progress-brief h5 {
  color: #d08f1d;
}
.progress-item.checked:nth-child(12n-2) .progress-card:before, .history-timeline .progress-item:nth-child(12n-2) .progress-card:before {
  background: #d08f1d;
}
.progress-item.checked:nth-child(12n-2) .progress-card:after, .history-timeline .progress-item:nth-child(12n-2) .progress-card:after {
  border-color: #d08f1d;
}
.progress-item.checked:nth-child(12n-1) .progress-circ, .history-timeline .progress-item:nth-child(12n-1) .progress-circ {
  background: #cb0;
  color: #cb0;
}
.progress-item.checked:nth-child(12n-1) .progress-circ:after, .history-timeline .progress-item:nth-child(12n-1) .progress-circ:after {
  color: #cb0;
}
.progress-item.checked:nth-child(12n-1) .progress-brief h5, .history-timeline .progress-item:nth-child(12n-1) .progress-brief h5 {
  color: #cb0;
}
.progress-item.checked:nth-child(12n-1) .progress-card:before, .history-timeline .progress-item:nth-child(12n-1) .progress-card:before {
  background: #cb0;
}
.progress-item.checked:nth-child(12n-1) .progress-card:after, .history-timeline .progress-item:nth-child(12n-1) .progress-card:after {
  border-color: #cb0;
}
.progress-item.checked:nth-child(12n) .progress-circ, .history-timeline .progress-item:nth-child(12n) .progress-circ {
  background: #41c17d;
  color: #41c17d;
}
.progress-item.checked:nth-child(12n) .progress-circ:after, .history-timeline .progress-item:nth-child(12n) .progress-circ:after {
  color: #41c17d;
}
.progress-item.checked:nth-child(12n) .progress-brief h5, .history-timeline .progress-item:nth-child(12n) .progress-brief h5 {
  color: #41c17d;
}
.progress-item.checked:nth-child(12n) .progress-card:before, .history-timeline .progress-item:nth-child(12n) .progress-card:before {
  background: #41c17d;
}
.progress-item.checked:nth-child(12n) .progress-card:after, .history-timeline .progress-item:nth-child(12n) .progress-card:after {
  border-color: #41c17d;
}

/* `Timeline cross
-----------------------------------------------------------------------------*/
.timeline-cross {
  margin-bottom: 40px;
}
.timeline-cross ul {
  padding-left: 50%;
}
.timeline-cross ul:after {
  content: "";
  background: #ebebeb;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  z-index: -1;
}
.timeline-cross li {
  margin-bottom: 0;
  padding-left: 40px;
}
.timeline-cross li:nth-child(2n) {
  margin-left: -100%;
  padding-left: 0;
  padding-right: 40px;
  width: 100%;
}

/* `Block Timeline
-----------------------------------------------------------------------------*/
.block-timeline ul {
  padding: 10px 0 0;
}
.block-timeline li .timeline-circ, .block-timeline li:nth-child(2n) .timeline-circ {
  display: none;
}
.block-timeline .card {
  border-radius: 0;
  box-shadow: none;
  border-top: 0;
  border-left: 2px solid #aaa;
  z-index: 1;
}

/* `History Timeline
-----------------------------------------------------------------------------*/
.history-timeline .dateline {
  font-family: "Roboto",sans-serif;
  font-weight: 300;
}
.history-timeline .dateline .years {
  font-weight: 500;
}
.history-timeline .progress-list {
  list-style: none;
  margin: 0;
  padding: 30px 0 1px;
  position: relative;
}
.history-timeline .progress-list:after {
  content: "";
  border-radius: 2px;
  background: #e3e5ea;
  width: 4px;
  position: absolute;
  left: 258px;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.history-timeline .progress-item {
  display: flow-root;
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
}
.history-timeline .progress-check {
  float: left;
  width: 300px;
  position: relative;
}
.history-timeline .progress-circ {
  background: #999;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  font-family: "Roboto",sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  color: #999;
  text-align: center;
  line-height: 80px;
  position: absolute;
  right: 0;
  z-index: 0;
}
.history-timeline .progress-circ:before {
  content: "";
  display: block;
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3);
  background: #fff;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: -1;
}
.history-timeline .progress-brief {
  padding-top: 15px;
  text-align: right;
  width: 190px;
}
.history-timeline .progress-brief p {
  margin-bottom: 0;
  line-height: 1.4;
  color: #838d93;
}
.history-timeline .progress-card {
  margin-left: 340px;
  position: relative;
}
.history-timeline .progress-card:before, .history-timeline .progress-card:after {
  content: "";
  position: absolute;
}
.history-timeline .progress-card:before {
  background: #999;
  width: 24px;
  height: 2px;
  top: 39px;
  left: -40px;
}
.history-timeline .progress-card:after {
  border-radius: 50%;
  border: 2px solid #999;
  width: 12px;
  height: 12px;
  top: 34px;
  left: -16px;
}
.history-timeline .progress-card-body {
  background: #fff;
  border-radius: 5px;
  padding-left: 20px;
  min-height: 80px;
}

/* Signature Check -----------------------------------------------------------------------*/
/* `Signature Check
-----------------------------------------------------------------------------*/
.sc-process .sc-center {
  width: 14%;
  min-width: 4rem;
  text-align: center;
  position: relative;
}
.sc-process .sc-center .fa {
  font-size: 32px;
  color: #828a92;
}
.sc-process .sc-center:after {
  content: "\f063";
  margin-left: -7px;
  font: normal normal normal 14px/1 FontAwesome;
  color: #828a92;
  position: absolute;
  left: 50%;
  bottom: -2.25rem;
}
.sc-process .sc-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f7f9fd;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  z-index: 1;
  position: relative;
}
.sc-process .sc-item:last-child {
  margin-bottom: 0;
}
.sc-process .sc-item:last-child .sc-center:after {
  content: none;
}
.sc-process .sc-left,
.sc-process .sc-right {
  width: 43%;
}
.sc-process .sc-left {
  text-align: right;
}
.sc-process .sc-left .btn {
  margin: .125rem;
  padding: .25rem 1.25rem;
}
.sc-process .sc-right h6 {
  margin-bottom: 0;
  font-weight: bold;
}
.sc-process .sc-merge {
  background: #fff3c8;
  box-shadow: 0 2px 2px #e6d9aa, 0 4px 0 rgba(255, 255, 255, 0.3) inset;
  margin-top: -1.25rem;
}
.sc-process .sc-merge .merge {
  width: 100%;
  text-align: center;
}
.sc-process .sc-merge h5 {
  margin-bottom: 0;
  font-size: 1.125rem;
}

.sc-actual .actual-item {
  border-bottom: 4px double #dee2e6;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.sc-actual .actual-item::marker {
  font-size: 1.125rem;
  font-weight: bold;
}
.sc-actual .actual-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.sc-actual .major {
  display: flex;
  justify-content: space-between;
  color: #222;
}
.sc-actual .applicant .name {
  margin-right: 1rem;
}
.sc-actual .applicant date {
  color: #888;
}
.sc-actual strong {
  font-weight: bold;
  color: #999;
}
.sc-actual .opinion {
  margin-top: 1rem;
  position: relative;
}
.sc-actual .opinion:after {
  content: "";
  background: #000;
  width: 1rem;
  height: 1px;
  position: absolute;
  top: -0.5rem;
  left: 0;
}
.sc-actual .countersignature {
  border-radius: 0.25rem;
  background: #f7f9fd;
  margin-top: 0.5rem;
}
.sc-actual .countersignature .branch {
  border-bottom: 1px solid #dee2e6;
  padding: 0.75rem;
}
.sc-actual .countersignature .branch:last-child {
  border: none;
}
.sc-actual .countersignature h6 {
  padding: 0.75rem 0 0 0.75rem;
  color: #d07768;
}

.flowchart-wrapper {
  position: relative;
  padding-left: 210px;
  min-height: 20rem;
}
.flowchart-wrapper .flowchart-control {
  width: 180px;
  position: absolute;
  left: 0;
  top: 0;
}
.flowchart-wrapper .flowchart-control .btn {
  box-shadow: none;
  display: block;
  margin: 0 0 0.25rem 0;
  text-align: left;
}
.flowchart-wrapper .flowchart-control .fa {
  font-size: 20px;
}

.flowchart-condition {
  border-radius: 0.5rem;
  background: #f5f8fb;
  padding: 1rem;
}
.flowchart-condition .btn-md {
  margin: .5rem 0;
  padding: .5rem 2rem;
}

.eform-wrapper {
  margin-bottom: 3rem;
}
.eform-wrapper .wrapper-title {
  margin-bottom: 1rem;
  padding-left: 1.875rem;
  font-size: 1.5rem;
  position: relative;
}
.eform-wrapper .wrapper-title:before, .eform-wrapper .wrapper-title:after {
  content: "";
  background: #94c8ff;
  border-radius: 0.125rem;
  width: 6px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
}
.eform-wrapper .wrapper-title:after {
  background: #d194ff;
  left: 10px;
}
.eform-wrapper .sort-select {
  display: inline-block;
  margin-bottom: 1.5rem;
  min-width: 19.5%;
}
.eform-wrapper .eform-list {
  display: flex;
  flex-wrap: wrap;
}
.eform-wrapper .eform-item {
  margin-bottom: 0.75rem;
  padding-right: 0.75rem;
  width: 20%;
}
.eform-wrapper .eform-item .btn {
  display: block;
  box-shadow: none;
  border-radius: 0.75rem;
  border-color: #d0d0d0 !important;
  border-width: 1px !important;
  margin: 0;
  padding-left: 3rem;
  font-size: 1rem;
  text-align: left;
  position: relative;
}
.eform-wrapper .eform-item .btn:before {
  content: "\f039";
  font: normal normal normal 20px/1 FontAwesome;
  position: absolute;
  left: 1.5rem;
  top: 30%;
  color: #afb2bb;
  transition: all 0.15s;
}
.eform-wrapper .eform-item .btn:hover {
  background: #fff !important;
  border-color: #4285f4 !important;
  box-shadow: 0 0 4px rgba(66, 133, 244, 0.3);
}
.eform-wrapper .eform-item .btn:hover:before {
  color: #656c86;
}

/* Multiple Select -----------------------------------------------------------------------*/
/**
  * multiple-select - Multiple select is a jQuery plugin to select multiple elements with checkboxes :).
  *
  * @version v1.5.2
  * @homepage http://multiple-select.wenzhixin.net.cn
  * @author wenzhixin <wenzhixin2010@gmail.com> (http://wenzhixin.net.cn/)
  * @license MIT
  */
.ms-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: auto !important;
  top: auto !important;
}

.ms-parent {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.ms-choice {
  display: block;
  width: 100%;
  height: 26px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #aaa;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-color: #fff;
}

.ms-choice.disabled {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.ms-choice > span {
  position: absolute;
  top: 0;
  left: 0;
  right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-left: 8px;
}

.ms-choice > span.placeholder {
  color: #999;
}

.ms-choice > div.icon-close {
  position: absolute;
  top: 0;
  right: 16px;
  height: 100%;
  width: 16px;
}

.ms-choice > div.icon-close:before {
  content: '×';
  color: #888;
  font-weight: bold;
  position: absolute;
  top: 50%;
  margin-top: -14px;
}

.ms-choice > div.icon-close:hover:before {
  color: #333;
}

.ms-choice > div.icon-caret {
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  right: 8px;
  margin-top: -2px;
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
}

.ms-choice > div.icon-caret.open {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.ms-drop {
  width: auto;
  min-width: 100%;
  overflow: hidden;
  display: none;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  z-index: 1000;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.ms-drop.bottom {
  top: 100%;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.ms-drop.top {
  bottom: 100%;
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.ms-search {
  display: inline-block;
  margin: 0;
  min-height: 26px;
  padding: 2px;
  position: relative;
  white-space: nowrap;
  width: 100%;
  z-index: 10000;
  box-sizing: border-box;
}

.ms-search input {
  width: 100%;
  height: auto !important;
  min-height: 24px;
  padding: 0 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  border: 1px solid #aaa;
  border-radius: 5px;
  box-shadow: none;
}

.ms-drop ul {
  overflow: auto;
  margin: 0;
  padding: 0;
}

.ms-drop ul > li {
  list-style: none;
  display: list-item;
  background-image: none;
  position: static;
  padding: .25rem 8px;
}

.ms-drop ul > li .disabled {
  font-weight: normal !important;
  opacity: .35;
  filter: Alpha(Opacity=35);
  cursor: default;
}

.ms-drop ul > li.multiple {
  display: block;
  float: left;
}

.ms-drop ul > li.group {
  clear: both;
}

.ms-drop ul > li.multiple label {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ms-drop ul > li label {
  position: relative;
  padding-left: 1.25rem;
  margin-bottom: 0;
  font-weight: normal;
  display: block;
  white-space: nowrap;
  cursor: pointer;
}

.ms-drop ul > li label.optgroup {
  font-weight: bold;
}

.ms-drop ul > li.hide-radio {
  padding: 0;
}

.ms-drop ul > li.hide-radio:focus, .ms-drop ul > li.hide-radio:hover {
  background-color: #f8f9fa;
}

.ms-drop ul > li.hide-radio.selected {
  color: #fff;
  background-color: #007bff;
}

.ms-drop ul > li.hide-radio label {
  margin-bottom: 0;
  padding: 5px 8px;
}

.ms-drop ul > li.hide-radio input {
  display: none;
}

.ms-drop ul > li.option-level-1 label {
  padding-left: 28px;
}

.ms-drop input[type="radio"], .ms-drop input[type="checkbox"] {
  position: absolute;
  margin-top: .3rem;
  margin-left: -1.25rem;
}

.ms-drop .ms-no-results {
  display: none;
}

/* Jesda Workbench -----------------------------------------------------------------------*/
/* `Login
-----------------------------------------------------------------------------*/
.jesda-login {
  background: #0f2b3f;
  background-image: linear-gradient(to right, #0f2b3f, #1a60a4);
  overflow: hidden;
  position: relative;
}
.jesda-login section, .jesda-login .jesda_login-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}

.jesda_login-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1 !important;
}
.jesda_login-wrapper .jesda_login-container {
  background: #fff;
  box-shadow: 0 -16px 8px rgba(0, 0, 0, 0.07), 0 -4px 24px rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  width: 420px;
  padding: 4rem 2rem 2rem;
  position: relative;
}
.jesda_login-wrapper .logo {
  background: #fff;
  box-shadow: 0 -16px 8px rgba(0, 0, 0, 0.05), 0 -24px 16px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  padding: .5rem;
  position: absolute;
  top: -53px;
  left: 50%;
  margin-left: -53px;
}
.jesda_login-wrapper .logo .logo__img {
  display: inline-block;
  width: 90px;
  height: auto;
}
.jesda_login-wrapper hgroup {
  text-align: center;
}
.jesda_login-wrapper hgroup h3 {
  font-weight: bold;
}
.jesda_login-wrapper hgroup h5 {
  color: #888;
}
.jesda_login-wrapper .forget-password {
  margin-bottom: 0;
  padding-top: 3rem;
  text-align: center;
  position: relative;
}
.jesda_login-wrapper .forget-password:after {
  content: "";
  background: #777;
  margin-left: -24px;
  width: 48px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 12px;
}
.jesda_login-wrapper .forget-password a {
  color: #aaa;
}
.jesda_login-wrapper .forget-password a:hover {
  color: #333;
}
.jesda_login-wrapper .input-group-addon.verification {
  padding-top: 32px;
}

/* `Three Column & Tabs
-----------------------------------------------------------------------------*/
.three-column {
  width: 100%;
}
.three-column.has-tabs {
  display: flow-root;
}
.three-column.has-tabs .vertical-tabs {
  float: left;
  border-right: 1px solid #f1f1f1;
  width: 180px;
}
.three-column.has-tabs .tree-wrapper {
  margin-left: 180px;
}
.three-column.has-tabs .tree-wrapper .js-tree {
  border-left: 1px solid #f1f1f1;
  padding: 20px;
  margin-left: -1px;
}
.three-column.tabs-right .vertical-tabs {
  float: right;
  border-right: none;
  border-left: 1px solid #f1f1f1;
  position: relative;
  z-index: 1;
}
.three-column.tabs-right .content-wrapper {
  border-right: 1px solid #f1f1f1;
  margin-right: 179px;
  padding: 20px;
  position: relative;
  z-index: 0;
}

.vertical-tab-item li a {
  display: block;
  border-bottom: 1px solid #f1f1f1;
  padding: 0.5rem 20px;
  color: #777d86;
  position: relative;
}
.vertical-tab-item li a:hover {
  background: #edf0f3;
  color: #4d535d;
}
.vertical-tab-item li a.current {
  background: #f4b142;
  margin-right: -1px;
  font-weight: bold;
  color: #fff;
}
.vertical-tab-item li a.current:after {
  content: "";
  border-style: solid;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #f4b142;
  margin-top: -6px;
  width: 0;
  height: 0;
  position: absolute;
  right: -4px;
  top: 50%;
}

.three-column.tabs-right .vertical-tab-item a.current {
  margin-right: 0;
  margin-left: -1px;
}
.three-column.tabs-right .vertical-tab-item a.current:after {
  border-width: 6px 6px 6px 0;
  border-color: transparent #f4b142 transparent transparent;
  right: auto;
  left: -4px;
}

/* `Proposal
-----------------------------------------------------------------------------*/
.proposal-wrapper {
  display: flow-root;
}
.proposal-wrapper .proposal-side {
  float: left;
  margin-bottom: 1.5rem;
  padding-right: 1.25rem;
  width: 440px;
  min-width: 440px;
}
.proposal-wrapper .proposal-side .side-hd {
  position: relative;
}
.proposal-wrapper .proposal-side .side-hd .badge {
  box-shadow: none;
  padding: .5rem .75rem .375rem;
  font-size: 1rem;
  position: absolute;
  right: 0;
  top: 0;
}
.proposal-wrapper .proposal-side .side-hd .description {
  margin: 1.5rem 0;
  position: relative;
}
.proposal-wrapper .proposal-side .project-client {
  margin-bottom: .5rem;
  padding: .25rem 80px 0 0;
  color: #667a9b;
}
.proposal-wrapper .proposal-side .project-client span {
  display: inline-block;
  margin-right: .5rem;
}
.proposal-wrapper .proposal-side .project-system {
  margin-bottom: 0;
  font-size: 1.875rem;
  color: #000;
}
.proposal-wrapper .proposal-side .project-detail {
  border-bottom: none;
  margin-bottom: 1.5rem;
}
.proposal-wrapper .proposal-side .project-detail .menu-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.proposal-wrapper .proposal-side .detail-item {
  border-bottom: 1px dotted #d8dee3;
  display: flex;
  margin-bottom: .25rem;
  padding-bottom: .25rem;
  width: 47%;
}
.proposal-wrapper .proposal-side .detail-item.status {
  border-bottom: none;
}
.proposal-wrapper .proposal-side .detail-item .badge {
  box-shadow: none;
  padding: .25rem .5rem;
  font-size: 0.9375rem;
  color: #fff;
}
.proposal-wrapper .proposal-side .detail-item .badge-success {
  background-color: #50bb40 !important;
}
.proposal-wrapper .proposal-side .detail-item .badge-danger {
  background-color: #ff7c35 !important;
}
.proposal-wrapper .proposal-side .detail-lable {
  padding-right: .75rem;
  width: 92px;
  color: #7a7f8b;
}
.proposal-wrapper .proposal-side .detail-content {
  flex: 1;
}
.proposal-wrapper .proposal-side section {
  margin-bottom: 2rem;
}
.proposal-wrapper .proposal-side .section-title {
  margin-bottom: .75rem;
  font-weight: bold;
}
.proposal-wrapper .proposal-content {
  padding-left: 460px;
  max-width: 100%;
}
.proposal-wrapper .proposal-content .col-block .block-content {
  padding: 1.25rem;
}

.white-well {
  background: #fff;
}

.col-block.proposal-tabs .nav-tabs {
  background-color: #fff !important;
}
.col-block.proposal-tabs .nav-tabs > li > a {
  padding: 1.25rem 1.75rem !important;
  font-size: 1.125rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8) !important;
}
.col-block.proposal-tabs .nav-tabs > li > a.active {
  color: #000 !important;
}
.col-block.proposal-tabs .nav-tabs > li > a:hover {
  background: #dee0e3 !important;
}
.col-block.proposal-tabs .nav-tabs > li > a.active,
.col-block.proposal-tabs .nav-tabs > li > a.active:hover,
.col-block.proposal-tabs .nav-tabs > li > a.active:focus {
  background: #4285f4 !important;
  color: #fff !important;
}

.object-schedule {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.object-schedule li {
  display: flex;
  align-items: center;
  width: 49%;
  background: #fff;
  border-radius: .125rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  margin-bottom: 10px !important;
}
.object-schedule li .object {
  flex: 1;
  padding-left: .75rem;
  color: #888;
}
.object-schedule li .object span {
  display: block;
}
.object-schedule li .object .neme {
  font-size: 1.125rem;
  color: #111;
}

.table.table-estimate {
  border-top-color: #b9c3c3;
}
.table.table-estimate thead th {
  background: #f4f9fd;
  border-color: #b9c3c3;
  text-align: center;
}
.table.table-estimate thead th span {
  display: inline-block;
  padding: .75rem;
}
.table.table-estimate thead th.pp-estimate-th {
  padding: 0;
}
.table.table-estimate th, .table.table-estimate td {
  padding: .5rem;
  vertical-align: middle;
}
.table.table-estimate .estimate-region,
.table.table-estimate .other-cost {
  display: flex;
  border-top: 1px solid #b9c3c3;
}
.table.table-estimate .estimate-region span,
.table.table-estimate .other-cost span {
  border-right: 1px solid #b9c3c3;
  padding: .5rem;
  font-weight: 400;
}
.table.table-estimate .estimate-region span:last-child,
.table.table-estimate .other-cost span:last-child {
  border-right: none;
}
.table.table-estimate .estimate-region .job-title {
  width: 50%;
}
.table.table-estimate .estimate-region .num {
  width: 10%;
}
.table.table-estimate .estimate-region .estimate-checkbox {
  width: 10%;
}
.table.table-estimate .other-cost .inner-row {
  align-items: center;
  border-right: 1px solid #dee2e6;
}
.table.table-estimate .other-cost .inner-row span {
  border-right: none !important;
}
.table.table-estimate .other-cost .item {
  width: 55%;
}
.table.table-estimate .other-cost .cost-input {
  border-left: 1px solid #dee2e6 !important;
  border-right: 1px solid #dee2e6 !important;
  width: 45%;
}
.table.table-estimate .pp-estimate {
  background: #f2f5f5;
  padding: 1px;
}
.table.table-estimate .pp-estimate .estimate-region,
.table.table-estimate .pp-estimate .other-cost {
  display: block;
  background: #fff;
  border-top: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
}
.table.table-estimate .pp-estimate .estimate-checkbox {
  padding-top: .75rem;
  text-align: center;
}
.table.table-estimate .pp-estimate .estimate-checkbox .custom-control {
  display: inline-block;
  margin-right: 0;
  padding-left: 0;
  min-width: 1rem;
}
.table.table-estimate .pp-estimate .job-title {
  padding-top: .75rem;
}
.table.table-estimate .inner-row {
  display: flex;
  border-bottom: 1px solid #dee2e6;
  white-space: normal;
}
.table.table-estimate .inner-row span, .table.table-estimate .inner-row span:last-child {
  border-right: 1px solid #dee2e6;
}
.table.table-estimate .btns .btn-floating {
  margin-right: .125rem;
}
.table.table-estimate .btns .btn-floating:last-child {
  margin-right: 0;
}
.table.table-estimate .btns .btn-floating.btn-sm {
  padding: 0 !important;
  width: 28px;
  height: 28px;
}
.table.table-estimate .btns .btn-floating.btn-sm .fa {
  font-size: .75rem;
  line-height: 26px !important;
}
.table.table-estimate .colspan h5 {
  margin: 0;
  padding: .5rem 0;
  font-weight: bold;
}
.table.table-estimate .step-subject h6 {
  margin-bottom: 0;
  font-weight: bold;
}
.table.table-estimate .step-subject .topic {
  margin-top: .25rem;
  color: #777;
  white-space: normal !important;
}
.table.table-estimate tbody + tbody {
  border-top-width: 1px;
}
.table.table-estimate .btns .btn {
  width: 32px;
  height: 32px;
}

.modal_estimated .modal-footer {
  position: relative;
}
.modal_estimated .modal-footer .btn-warning {
  position: absolute;
  left: 1rem;
}
.modal_estimated .table th {
  background: #f4f9fd;
}

.tooltip {
  font-size: 13px;
}
.tooltip a:hover {
  color: #ffb822 !important;
}

.btn-trash_table,
.btn-pencil_table,
.btn-link_table {
  box-shadow: none;
  background: #fff;
  margin: 0;
  padding: 0.25rem 0.5rem .125rem;
  color: #aaa;
}
.btn-trash_table:hover,
.btn-pencil_table:hover,
.btn-link_table:hover {
  background: #f5f5f5;
  box-shadow: none;
  color: #333;
}
.btn-trash_table i,
.btn-pencil_table i,
.btn-link_table i {
  margin-right: 0;
}

.section-wrap {
  margin-top: 1.5rem;
}
.section-wrap .section-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .75rem;
}
.section-wrap .section-hd .btn {
  margin: 0;
  padding: 0.25rem 0.5rem 0.125rem;
}
.section-wrap .section-title {
  margin-bottom: 0;
  font-weight: bold;
}

.number-input input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.number-input input[type="number"]::-webkit-inner-spin-button,
.number-input input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.number-input button {
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: "";
  height: 2px;
  transform: translate(-50%, -50%);
}

.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type="number"] {
  text-align: center;
}

.number-input.number-input {
  border: 1px solid #ced4da;
  width: 100%;
  border-radius: 0.25rem;
}

.number-input.number-input button {
  width: 2.6rem;
  height: 0.7rem;
}

.number-input.number-input button.minus {
  padding-left: 10px;
}

.number-input.number-input button:before,
.number-input.number-input button:after {
  width: 0.7rem;
  background-color: #495057;
}

.number-input.number-input input[type="number"] {
  max-width: 4rem;
  padding: 0.5rem;
  border: 1px solid #ced4da;
  border-width: 0 1px;
  font-size: 1rem;
  height: 37px;
  color: #495057;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .number-input.def-number-input.safari_only button:before,
    .number-input.def-number-input.safari_only button:after {
      margin-top: -0.3rem;
    }
  }
}
.proposal-tree-wrapper {
  display: flex;
}
.proposal-tree-wrapper .jtree {
  border: 1px solid #dee2e6;
  padding: 1.25rem;
}
.proposal-tree-wrapper .jtree-form {
  flex: 1;
  margin-left: 1.25rem;
}
.proposal-tree-wrapper .jtree-form label {
  font-weight: bold;
}
.proposal-tree-wrapper .evaluation-group + .evaluation-group {
  margin-top: 1.75rem;
}

.evaluate-table th {
  background: #f4f9fd;
}

.proposal-maintain-list {
  display: flex;
  flex-wrap: wrap;
}
.proposal-maintain-list .maintain-card {
  margin-bottom: 2.25rem;
}
.proposal-maintain-list .item-wrap {
  width: 49.2%;
}
.proposal-maintain-list .item-wrap:nth-child(odd) {
  margin-right: 1.6%;
}
.proposal-maintain-list .card-hd {
  display: flex;
  justify-content: space-between;
}
.proposal-maintain-list .card-hd .service-item {
  flex: 1;
  padding-left: 1.25rem;
  font-size: 1.25rem;
}
.proposal-maintain-list .card-hd .service-item h5 {
  margin-bottom: 0;
  padding-top: .5rem;
  font-weight: bold;
  color: #614bdd;
}
.proposal-maintain-list .card-hd .item-check {
  background: rgba(197, 206, 206, 0.5);
  width: 2.5rem;
  height: 2.5rem;
}
.proposal-maintain-list .card-hd .item-check .label {
  margin-bottom: 0;
}
.proposal-maintain-list .card-bd {
  background: #fafafa;
}
.proposal-maintain-list .card-middle {
  border: 1px solid #dee2e6;
  border-bottom: none;
  display: flex;
  align-items: center;
}
.proposal-maintain-list .card-middle .manpower {
  padding: .75rem;
  width: 50%;
}
.proposal-maintain-list .card-middle .effective {
  border-left: 1px solid #dee2e6;
  padding: .75rem;
  width: 50%;
}
.proposal-maintain-list .estimate-column {
  display: flex;
  align-items: center;
  width: 50%;
}
.proposal-maintain-list .estimate-column + .estimate-column {
  border-left: 1px solid #dee2e6;
}
.proposal-maintain-list .estimate-column.has-modal {
  padding: .75rem;
  font-size: 1rem;
}
.proposal-maintain-list .maintain_norm,
.proposal-maintain-list .remark {
  padding: .75rem;
}
.proposal-maintain-list .maintain_illustrate {
  background: #fff;
  padding: .75rem 0;
}
.proposal-maintain-list .maintain_illustrate p {
  margin-bottom: .25rem;
}
.proposal-maintain-list .maintain_illustrate p + p {
  margin-bottom: 0;
}
.proposal-maintain-list .maintain_norm {
  border: 1px solid #dee2e6;
  border-bottom: none;
}
.proposal-maintain-list .remark {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid #dee2e6;
}
.proposal-maintain-list .label__checkbox {
  display: none;
}
.proposal-maintain-list .label__check {
  display: inline-block;
  background: #eaeaea;
  vertical-align: middle;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  transform-origin: center center;
}
.proposal-maintain-list .label__check i.icon {
  opacity: .8;
  font-size: 1.5rem;
  transition: opacity 0.3s 0.1s ease;
}
.proposal-maintain-list .label__check:hover {
  background: #7c7e81;
}
.proposal-maintain-list .label__checkbox:checked + .label__text .label__check {
  animation: check 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) forwards;
  transform-origin: center center;
}
.proposal-maintain-list .label__checkbox:checked + .label__text .label__check .icon {
  opacity: 1;
  transform: scale(0);
  color: white;
  -webkit-text-stroke: 0;
  animation: icon 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards;
}
.proposal-maintain-list .form-control {
  font-size: .9375rem;
}
.proposal-maintain-list .modal-link {
  padding-left: .25rem;
}

@keyframes icon {
  from {
    opacity: 0;
    transform: scale(0.3);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes check {
  0% {
    width: 1.5em;
    height: 1.5em;
    border-width: 5px;
  }
  10% {
    width: 1.5em;
    height: 1.5em;
    opacity: 0.1;
    background: rgba(0, 0, 0, 0.2);
    border-width: 15px;
  }
  12% {
    width: 1.5em;
    height: 1.5em;
    opacity: 0.4;
    background: rgba(0, 0, 0, 0.1);
    border-width: 0;
  }
  50% {
    width: 2.5rem;
    height: 2.5rem;
    background: #25d400;
    border: 0;
    opacity: 0.6;
  }
  100% {
    width: 2.5rem;
    height: 2.5rem;
    background: #51d845;
    border: 0;
    opacity: 1;
  }
}
.carousel-contact .contact-inner {
  display: flow-root;
}
.carousel-contact .contact-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  border-radius: 50%;
  width: 96px;
  height: 96px;
  overflow: hidden;
}
.carousel-contact .contact-avatar img {
  width: 100%;
  height: auto;
}
.carousel-contact .contact-info {
  padding-left: 120px;
}
.carousel-contact .contact-info h5 {
  font-size: 1.125rem;
  font-weight: bold;
  color: #666;
}
.carousel-contact .contact-info h5 small {
  color: #919cb0;
}
.carousel-contact .contact-info ul, .carousel-contact .contact-info ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.carousel-contact .contact-info ul {
  margin-bottom: .5rem !important;
}
.carousel-contact .contact-info li span {
  display: inline-block;
}
.carousel-contact .contact-info .label {
  width: 56px;
}
.carousel-contact .carousel-indicators {
  bottom: -2.5rem;
}
.carousel-contact .carousel-indicators li {
  background-color: #aaa;
}
.carousel-contact .carousel-indicators li.active {
  background-color: #0875ae;
}

.table-estimate-bar {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1rem;
}
.table-estimate-bar .object-schedule li {
  box-shadow: none;
  margin: 0 0 0 1rem !important;
  width: auto;
  height: 60px;
}
.table-estimate-bar .object-schedule .schedule-pie {
  transform: scale(0.75);
}
.table-estimate-bar .object-schedule .object {
  padding-left: 0;
}
.table-estimate-bar .checkbox-warranty {
  align-items: center;
  margin-bottom: 0;
}

.evaluation-tabs .nav-link {
  padding: .5rem .75rem;
}
.evaluation-tabs .nav-link .staff-display .number {
  margin-left: .5rem;
  padding-left: .5rem;
}
.evaluation-tabs .tab-content {
  padding: 1rem 0;
}

.proposal-quotation .quotation-list li {
  display: flex;
  align-items: center;
  border: 1px solid #dee2e6;
  border-radius: .125rem;
  margin-bottom: 1.25rem;
  padding: 1rem 1rem 1rem 5rem;
  position: relative;
}
.proposal-quotation .quotation-list li:after {
  content: "\f0f6";
  margin-top: -1rem;
  font: normal normal normal 32px/1 FontAwesome;
  position: absolute;
  left: 1.5rem;
  top: 50%;
}
.proposal-quotation .quotation-list .column-sm {
  padding-left: .25rem;
  width: 40px;
}
.proposal-quotation .quotation-list .column-lg {
  flex: 1;
}
.proposal-quotation .quotation-list .column-lg.quotation-wrap {
  margin-top: 0;
}
.proposal-quotation .quotation-version {
  margin-bottom: .25rem;
  font-size: 1rem;
  font-weight: bold;
}
.proposal-quotation .description {
  margin-bottom: .25rem;
  padding-right: 1rem;
  line-height: 1.3;
}
.proposal-quotation .description span {
  display: inline-block;
  padding-right: .5rem;
  color: #8067ce;
}
.proposal-quotation .date {
  font-size: 0.8125rem;
  color: #999;
}
.proposal-quotation .btn-action {
  background-color: transparent;
  box-shadow: none;
  margin: 0;
  padding: 0.375rem 0.75rem 0.25rem;
  opacity: 1;
}
.proposal-quotation .btn-action i {
  font-size: 1rem;
}

/* `Stuff
-----------------------------------------------------------------------------*/
label {
  font-size: 1rem;
}
label.form-check-label {
  font-size: .9375rem;
}

.mb-10 {
  margin-bottom: 10px;
}

.fonts-13 {
  font-size: .8125rem !important;
}

.fonts-15 {
  font-size: .9375rem !important;
}

.fonts-16 {
  font-size: 1rem !important;
}

.w80 {
  width: 80px;
}

.indent-menu, .indent-menu li {
  margin: 0;
  margin-left: 6px;
  padding: 0;
  padding-left: 4px;
}

.btn-depth-0 .btn {
  box-shadow: none;
  border-radius: 50rem;
  margin-left: 0;
  padding: .25rem .5rem !important;
}

.table-btn-group .btn {
  border: 0 !important;
  border-radius: .125rem !important;
}
.table-btn-group .btn .fa {
  color: #cacacb !important;
  transition: all 0.2s ease-in-out;
}
.table-btn-group .btn:hover {
  background-color: #f1f3f5 !important;
  box-shadow: none !important;
}
.table-btn-group .btn:hover .fa {
  color: #000 !important;
}

.modal-link {
  display: inline-block;
  font-weight: bold;
  color: #aa66cc !important;
}
.modal-link:hover {
  color: #4285f4 !important;
}

.text-break {
  white-space: normal;
}

.vertical-align-middle th, .vertical-align-middle td {
  vertical-align: middle !important;
}

.table .avatar img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.proposal-action {
  border-top: 1px solid #dee2e6;
  margin-top: 2rem;
  padding-top: 1.5rem;
  text-align: center;
}

.checkbox-warranty {
  background: #f1f6fb;
  margin-bottom: 2rem;
  padding: 1.25rem;
  font-size: 1rem;
  line-height: 1.6;
}

.staff-display {
  display: flex;
  align-items: center;
  line-height: 1.3;
}
.staff-display img {
  border-radius: 50%;
  width: 40px;
}
.staff-display .number {
  margin-left: 1rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  color: #000;
  position: relative;
}
.staff-display .number:before {
  content: "";
  background: #dee2e6;
  width: 1px;
  height: 36px;
  position: absolute;
  left: 0;
  top: -5px;
}

.awell {
  background: #f9fbfd;
  padding: 1.25rem;
}

.jtree-toolbar {
  display: flex;
  margin-bottom: 1rem;
}
.jtree-toolbar .btn-sm {
  padding: .5rem .75rem;
}
.jtree-toolbar .filter-column {
  width: 144px;
}
.jtree-toolbar .add-column {
  padding-left: 6px;
  width: 87px;
}
.jtree-toolbar .add-column .btn {
  margin-top: 0;
  margin-bottom: 0;
}
.jtree-toolbar .add-column .btn:not(:first-child) {
  margin-right: 0;
  padding-left: .5rem;
  padding-right: .5rem;
}
.jtree-toolbar .add-column .dropdown-toggle::after {
  margin-left: 0;
  vertical-align: 0.125em;
}
.jtree-toolbar .delete-column {
  padding-left: 6px;
  width: 42px;
}
.jtree-toolbar .delete-column .btn {
  margin: 0;
}
.jtree-toolbar .version-column {
  padding-left: 6px;
  flex: 1;
}
.jtree-toolbar .version-column .col-inner {
  display: flex;
}
.jtree-toolbar .version-column .form-control {
  border-radius: 0 !important;
}
.jtree-toolbar .version-column .btn-sm {
  border-radius: 0 .1875rem .1875rem 0;
  background-color: #7e7e7e !important;
  margin: 0;
}
.jtree-toolbar .version-column .input-group .form-control {
  height: auto !important;
}
.jtree-toolbar .fa {
  margin-right: 0;
}

.evaluation-tabs .nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.evaluation-tabs .nav-link {
  border-radius: 0;
}
.evaluation-tabs .nav-link:hover, .evaluation-tabs .nav-link:focus {
  background-color: #f5f5f5;
  border-color: transparent;
}
.evaluation-tabs .nav-link.active {
  border: none;
  border-bottom: 2px solid #1266f1;
  color: #1266f1;
}
.evaluation-tabs .staff-display {
  padding: 0 .5rem;
}

/* `Job Ticket
-----------------------------------------------------------------------------*/
.job-ticket-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.job-ticket-wrapper .item-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: .375rem .375rem 0 0;
  background: #222;
  border-bottom: 1px solid #000;
  padding: .75rem 1.25rem;
  color: #fff;
}
.job-ticket-wrapper .item-link span {
  transition: all .15s ease-in-out;
}
.job-ticket-wrapper .item-link .h4 {
  margin-bottom: 0;
  opacity: .8;
}
.job-ticket-wrapper .item-link .bookkeeping {
  margin-left: 1rem;
  font-size: 14px;
  opacity: .6;
}
.job-ticket-wrapper .item-link:hover .h4 {
  opacity: 1;
}
.job-ticket-wrapper .item-link:hover .bookkeeping {
  opacity: .8;
}
.job-ticket-wrapper .ticket-item {
  background: #fff;
  border-radius: .375rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.1);
  margin: 0 1rem 1rem 0;
}
.job-ticket-wrapper .ticket-item.done .item-link {
  padding-left: 3.5rem;
  position: relative;
}
.job-ticket-wrapper .ticket-item.done .item-link:after {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 1.25rem;
  top: 20%;
  font-size: 1.375rem;
  color: #6bab6b;
}
.job-ticket-wrapper .item-bd {
  padding: 1rem 1.25rem;
}
.job-ticket-wrapper .avatar img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.job-ticket-wrapper .bd-end {
  margin-left: 2rem;
  position: relative;
}
.job-ticket-wrapper .bd-end .btn {
  padding: .3rem 0;
  width: 32px;
  height: 32px;
}
.job-ticket-wrapper .bd-end .badge {
  position: absolute;
  right: -.75rem;
  top: -.25rem;
  pointer-events: none;
}
.job-ticket-wrapper .avatar-wrap {
  display: flex;
  align-items: center;
  margin-right: .75rem;
  padding-right: .75rem;
  position: relative;
}
.job-ticket-wrapper .avatar-wrap:after {
  content: "";
  background: #ddd;
  width: 1px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
}
.job-ticket-wrapper .course {
  display: flex;
  align-items: center;
}
.job-ticket-wrapper .course .period {
  margin-right: .75rem;
  padding-right: .75rem;
  font-size: 14px;
  position: relative;
}
.job-ticket-wrapper .course .period:after {
  content: "";
  background: #ddd;
  width: 1px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
}
.job-ticket-wrapper .course .period span {
  display: block;
}
.job-ticket-wrapper .period-total {
  font-size: 1.375rem;
  font-weight: bold;
}

/* formEditor Layout -----------------------------------------------------------------------*/
/* `formEditor UI
-----------------------------------------------------------------------------*/
.nav-registration {
  background: #353d3c !important;
}
.nav-registration .nav-item a {
  border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.nav-registration a {
  font-size: 1.125rem;
  color: #fff !important;
}
.nav-registration a:not(.active):hover {
  background: #0875ae !important;
}
.nav-registration a.active {
  background: #e6f1f1 !important;
  color: #353d3c !important;
  cursor: default;
}

.formeditor-container {
  padding: 2rem 2rem 2rem;
}
.formeditor-container .form_editor_save {
  border-radius: 0;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
  margin: 0;
  padding: .84rem 3.25rem;
  font-size: 1rem;
  position: absolute;
  left: 0;
  top: -106px;
}
.formeditor-container .form_editor_save:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}
.formeditor-container .edit-active {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.2509803922);
  border-radius: 0.25rem;
  margin: 0 -10px 0.5rem -10px;
  padding: 0 10px 0.5rem 10px;
}
.formeditor-container small {
  white-space: pre-line;
}
.formeditor-container .search .input-prefix {
  cursor: pointer;
  pointer-events: all;
}
.formeditor-container .disable-click {
  pointer-events: none;
}
.formeditor-container .datepicker_age div {
  width: calc(100% - 60px);
  display: inline-block;
}
.formeditor-container .datepicker_age span {
  width: 50px;
  margin-left: 10px;
}
.formeditor-container #cbdata {
  display: none;
}
.formeditor-container .addable {
  cursor: pointer;
}
.formeditor-container .list-group-item.disabled {
  background-color: #e9ecef;
}
.formeditor-container .insert-area {
  overflow-y: scroll;
}
.formeditor-container .edit-container {
  height: calc(100vh - 204px);
  overflow-y: scroll;
}
.formeditor-container .edit-area {
  height: calc(100vh - 140px);
  overflow-y: scroll;
}

#form_editor,
#web_editor {
  position: relative;
}

#web_editor .web_editor_save {
  border-radius: 0;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
  margin: 0;
  padding: .84rem 3.25rem;
  font-size: 1rem;
  position: absolute;
  left: 2rem;
  top: -76px;
}
#web_editor .web_editor_save:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}
#web_editor .web_editor_row {
  padding: 1rem 2rem;
}
#web_editor .tinymce-editor .elements {
  background: #f6f9ff;
  box-shadow: 0 2px 0px rgba(0, 0, 0, 0.05), 0 4px 4px rgba(0, 0, 0, 0.05);
  border: none;
  margin-bottom: .75rem;
  padding: 0;
  font-size: 1rem;
  cursor: move;
  transition: all 0.2s ease-in-out;
  color: #6f737b;
}
#web_editor .tinymce-editor .elements:hover {
  background: #f8fbff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1);
  color: #2e2f31;
}
#web_editor .tinymce-editor .elements:hover .fa {
  opacity: 1;
}
#web_editor .tinymce-editor .elements .inner {
  display: flex;
  align-items: center;
}
#web_editor .tinymce-editor .elements .inner span:first-child {
  background-size: cover;
  margin-right: 1rem;
  width: 56px;
  height: 56px;
}
#web_editor .tinymce-editor .elements img {
  display: none;
}
#web_editor .tinymce-editor .elements-h4 span:first-child {
  background-image: url("../assets/icons/icon-h4@2x.png");
}
#web_editor .tinymce-editor .elements-h5 span:first-child {
  background-image: url("../assets/icons/icon-h5@2x.png");
}
#web_editor .tinymce-editor .elements-text span:first-child {
  background-image: url("../assets/icons/icon-text@2x.png");
}
#web_editor .tinymce-editor .elements-ul span:first-child {
  background-image: url("../assets/icons/icon-list@2x.png");
}
#web_editor .tinymce-editor .elements-ol span:first-child {
  background-image: url("../assets/icons/icon-list_number@2x.png");
}
#web_editor .tinymce-editor .elements-image span:first-child {
  background-image: url("../assets/icons/icon-image@2x.png");
}
#web_editor .tinymce-editor .elements-youtube span:first-child {
  background-image: url("../assets/icons/icon-youtube@2x.png");
}
#web_editor .tinymce-editor .elements-pdf span:first-child {
  background-image: url("../assets/icons/icon-pdf@2x.png");
}
#web_editor .tinymce-editor .elements-calendar span:first-child {
  background-image: url("../assets/icons/icon-calendar@2x.png");
}
#web_editor .tinymce-editor .elements-form span:first-child {
  background-image: url("../assets/icons/icon-form@2x.png");
}

.formeditor-action-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #e6f1f1;
  padding: 2rem 2rem 2rem 11.5rem;
  text-align: right;
}
.formeditor-action-wrap .group-left .btn {
  margin: 0;
}
.formeditor-action-wrap .group-right .btn {
  box-shadow: none;
  margin-top: 0;
  margin-bottom: 0;
}
.formeditor-action-wrap .language-side {
  display: inline-block;
}
.formeditor-action-wrap .language-side .custom-select {
  border-radius: 0;
  border-color: #c2d4d4;
}

.col-block .block-content.padding-off {
  padding: 0;
}

.form_editor_row .edit_area,
.web_editor_row .edit_area {
  flex: 1;
  max-width: 100%;
}
.form_editor_row .edit_area .edit-container,
.web_editor_row .edit_area .edit-container {
  border: 1px solid #dee2e6;
  border-top: none;
  padding: 1rem 1.875rem;
}
.form_editor_row .edit_area .block-content,
.web_editor_row .edit_area .block-content {
  padding: 1.25rem 0 !important;
}
.form_editor_row .side_element,
.web_editor_row .side_element {
  padding-right: 30px;
  width: 360px;
  max-width: 360px;
}
.form_editor_row .side_element .list-group,
.web_editor_row .side_element .list-group {
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
.form_editor_row .side_element .list-group-item,
.web_editor_row .side_element .list-group-item {
  background: #f6f9ff;
  border-radius: 0 !important;
  box-shadow: 0 2px 0px rgba(0, 0, 0, 0.05), 0 4px 4px rgba(0, 0, 0, 0.05);
  border: none;
  margin-bottom: 1rem;
  padding: 0;
  width: 48%;
  font-size: .9375rem;
  cursor: move;
  transition: all 0.2s ease-in-out;
  color: #6f737b;
}
.form_editor_row .side_element .list-group-item .group-hd,
.web_editor_row .side_element .list-group-item .group-hd {
  display: flex;
  align-items: center;
  padding: .75rem 1rem .75rem 0;
}
.form_editor_row .side_element .list-group-item .group-hd .fa,
.web_editor_row .side_element .list-group-item .group-hd .fa {
  margin: 0 .5rem 0 .75rem;
  color: #6e7f8b;
  transition: all 0.2s ease-in-out;
  opacity: .3;
}
.form_editor_row .side_element .list-group-item .group-hd span,
.web_editor_row .side_element .list-group-item .group-hd span {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form_editor_row .side_element .list-group-item:hover,
.web_editor_row .side_element .list-group-item:hover {
  background: #f8fbff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1);
  color: #2e2f31;
}
.form_editor_row .side_element .list-group-item:hover .fa,
.web_editor_row .side_element .list-group-item:hover .fa {
  opacity: 1;
}
.form_editor_row .side_element .list-group-inner,
.web_editor_row .side_element .list-group-inner {
  position: relative;
}
.form_editor_row .side_element .list-group-inner .tooltip-area,
.web_editor_row .side_element .list-group-inner .tooltip-area {
  background: #c4d5fb;
  width: 1rem;
  cursor: help;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.form_editor_row .side_element .list-group-inner .tooltip-area:after,
.web_editor_row .side_element .list-group-inner .tooltip-area:after {
  content: "";
  display: inline-block;
  background: #a5b5d8;
  width: 1rem;
  height: .25rem;
  position: absolute;
  top: 1rem;
}
.form_editor_row .side_field,
.web_editor_row .side_field {
  padding-left: 30px;
  width: 360px;
  max-width: 360px;
}
.form_editor_row .side_element .col-block,
.form_editor_row .side_field .col-block,
.web_editor_row .side_element .col-block,
.web_editor_row .side_field .col-block {
  box-shadow: none !important;
}
.form_editor_row .side_element .block-header,
.form_editor_row .side_field .block-header,
.web_editor_row .side_element .block-header,
.web_editor_row .side_field .block-header {
  border-bottom: 1px solid rgba(222, 226, 230, 0.5) !important;
  padding: 0.9375rem 0;
}
.form_editor_row .side_element .block-header h3,
.form_editor_row .side_field .block-header h3,
.web_editor_row .side_element .block-header h3,
.web_editor_row .side_field .block-header h3 {
  font-size: 1.375rem;
}
.form_editor_row .side_element .block-header h3 strong,
.form_editor_row .side_field .block-header h3 strong,
.web_editor_row .side_element .block-header h3 strong,
.web_editor_row .side_field .block-header h3 strong {
  color: #8067ce;
}
.form_editor_row .side_element .block-content,
.form_editor_row .side_field .block-content,
.web_editor_row .side_element .block-content,
.web_editor_row .side_field .block-content {
  padding: 1.25rem 0 !important;
}
.form_editor_row .side_element .form_edite_nav,
.form_editor_row .side_field .form_edite_nav,
.web_editor_row .side_element .form_edite_nav,
.web_editor_row .side_field .form_edite_nav {
  margin-bottom: 1rem !important;
}
.form_editor_row .form_edite_nav,
.web_editor_row .form_edite_nav {
  background: #fafafa !important;
}
.form_editor_row .form_edite_nav .nav-link.active,
.web_editor_row .form_edite_nav .nav-link.active {
  border: 1px solid #e6ecec !important;
  border-bottom: none !important;
}
.form_editor_row .edit_area_block .block-header,
.web_editor_row .edit_area_block .block-header {
  border-bottom: 1px solid rgba(222, 226, 230, 0.5) !important;
  padding: 0.9375rem 0;
}
.form_editor_row .edit_area_block .block-header h3,
.web_editor_row .edit_area_block .block-header h3 {
  font-size: 1.375rem;
}
.form_editor_row .edit_area_block .block-header h3 strong,
.web_editor_row .edit_area_block .block-header h3 strong {
  color: #8067ce;
}
.form_editor_row .edit_area_block .block-header h3 small,
.web_editor_row .edit_area_block .block-header h3 small {
  font-size: 0.9375rem;
}
.form_editor_row .edit_area_block .form-group small.form-text,
.web_editor_row .edit_area_block .form-group small.form-text {
  font-size: 0.875rem;
}

.form_editor_row .edit_area {
  flex: 1;
}
.form_editor_row .side_element {
  width: 25%;
  min-width: 360px;
  max-width: none;
}
.form_editor_row .side_element .list-group {
  padding-right: 1rem;
}
.form_editor_row .side_field {
  width: 25%;
  min-width: 360px;
  max-width: none;
}
.form_editor_row .side_field .edit-area {
  padding-right: 1rem !important;
}

.web_editor_row .side_element {
  padding-right: 10px;
  width: 320px;
  max-width: 320px;
}

.edit_area_block {
  box-shadow: none !important;
  margin-bottom: 4rem !important;
  position: relative;
}
.edit_area_block:before, .edit_area_block:after {
  content: "";
  background: #666;
  border-radius: 50%;
  width: .375rem;
  height: .375rem;
  position: absolute;
  bottom: -18px;
  left: 50%;
}
.edit_area_block:before {
  margin-left: -5px;
}
.edit_area_block:after {
  margin-left: 5px;
}
.edit_area_block:last-child {
  margin-bottom: 0 !important;
}
.edit_area_block:last-child:before, .edit_area_block:last-child:after {
  content: none;
}
.edit_area_block .block-header .close {
  background: #e41c1c;
  width: 1.75rem;
  height: 1.75rem;
  text-align: center;
  line-height: 28px;
  transition: all 0.2s ease-in-out;
  color: #fff;
  text-shadow: none;
}

#cbdata {
  display: none;
}

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

.tinymce-editor [contentEditable="true"]:focus,
.tinymce-editor [contentEditable="true"]:hover {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.2509803922);
  border-radius: 0.25rem;
}

.editor_options-wrap .options-item {
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.editor_options-wrap .options-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.editor_options-wrap .options-hd {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.editor_options-wrap .options-hd span {
  padding: 0 15px;
}
.editor_options-wrap .options-hd .sort {
  padding-left: 0;
  width: 20%;
}
.editor_options-wrap .options-hd .additional {
  width: 48%;
}
.editor_options-wrap .options-hd .additional label {
  padding-left: 25px;
}
.editor_options-wrap .options-hd .action {
  padding-right: 0;
  width: 32%;
  text-align: right;
}
.editor_options-wrap .options-hd .action .btn .fa {
  margin-right: 0;
}
.editor_options-wrap .language-item {
  margin-bottom: .5rem;
}
.editor_options-wrap .language-item label {
  margin-bottom: .125rem;
}
.editor_options-wrap .additional-block {
  border-radius: .5rem;
  background: #f3f6f9;
  margin-top: 1rem;
  padding: 1rem;
}
.editor_options-wrap .additional-block h6 {
  color: #8067ce;
}

.modal-option-wrapper .option-group {
  margin-bottom: 2rem;
}
.modal-option-wrapper .option-group:last-child {
  margin-bottom: 0;
}
.modal-option-wrapper .add-btn-md {
  border-radius: 50px;
  margin: .5rem 0 0;
  padding: .5rem 1rem;
}
.modal-option-wrapper .checkbox-single-item {
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.light-blue-well {
  background: #f0f4f7;
  border-radius: .375rem;
  padding: 1.25rem;
}
.light-blue-well .btn-md {
  padding: .5rem 1rem;
}

.light-yellow-well {
  background: #f9f9ee;
  border-radius: .375rem;
  padding: 1.25rem;
}

.form-group-sm {
  margin-bottom: .5rem;
}
.form-group-sm label {
  margin-bottom: .125rem;
}

.formeditor_echelon-list li {
  display: flex;
  border-bottom: 1px dashed #dee2e6;
  padding-top: 1rem !important;
  transition: all 0.2s ease-in-out;
}
.formeditor_echelon-list li:last-child {
  border-bottom: none;
}
.formeditor_echelon-list .num {
  padding-left: .5rem;
  width: 60px;
}
.formeditor_echelon-list .num span {
  display: inline-block;
  background: #f0f4f7;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
  color: #333;
  transition: all 0.2s ease-in-out;
}
.formeditor_echelon-list li:hover {
  background: rgba(249, 249, 238, 0.5);
}
.formeditor_echelon-list li:hover .num span {
  background: #fcfcf6;
}
.formeditor_echelon-list .action {
  width: 120px;
  text-align: right;
}
.formeditor_echelon-list .input-option-group {
  flex: 1;
}

.form-group.row {
  margin-left: 0;
  margin-right: 0;
}
.form-group.row .form-control-sm {
  margin-bottom: .5rem;
}

.datepicker .form-control {
  background-color: #fff !important;
}

/* Chat ---------------------------------------------------------------------------*/
/* `Chat
-----------------------------------------------------------------------------*/
.modal-dialog.modal-messages {
  width: 500px;
}
.modal-dialog.modal-messages .modal-content {
  box-shadow: 0 0 60px -15px rgba(0, 0, 0, 0.2), 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.modal-dialog.modal-messages .modal-body {
  padding: 1rem .5rem 1rem 1rem;
}
.modal-dialog.modal-messages .character {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
}
.modal-dialog.modal-messages .avatar {
  display: inline-block;
  background-size: cover;
  border-radius: 50%;
  margin-right: .75rem;
  width: 36px;
  height: 36px;
}
.modal-dialog.modal-messages .avatar img {
  display: block;
  border-radius: 50%;
  width: 100%;
  height: auto;
}
.modal-dialog.modal-messages .align-items-start .messages-item {
  background: #edf4fb;
}
.modal-dialog.modal-messages .align-items-end .avatar {
  margin-left: .75rem;
  margin-right: 0;
}
.modal-dialog.modal-messages .align-items-end .messages-item {
  background: #eafbfa;
}
.modal-dialog.modal-messages .messages-item {
  border-radius: .42rem;
  margin-top: 0.5rem;
  padding: 1.25rem;
  max-width: 400px;
}
.modal-dialog.modal-messages .messages-item a {
  text-decoration: underline;
}
.modal-dialog.modal-messages .messages-item a:hover {
  text-decoration: none;
}
.modal-dialog.modal-messages .symbol {
  color: #282b2d;
}
.modal-dialog.modal-messages .text-clock {
  padding: 0 0.5rem;
  font-size: 0.875rem;
  color: #9aa3ab;
}
.modal-dialog.modal-messages .modal-footer {
  display: block;
}
.modal-dialog.modal-messages .messages-textarea {
  margin: 0 0 .375rem;
  position: relative;
}
.modal-dialog.modal-messages .messages-textarea .form-control {
  border: none;
  resize: none;
}
.modal-dialog.modal-messages .messages-textarea .form-control::placeholder {
  color: #7c8288;
  opacity: .6;
}
.modal-dialog.modal-messages .messages-textarea .form-control:focus {
  box-shadow: none;
}
.modal-dialog.modal-messages .messages-textarea .form-control:focus::placeholder {
  opacity: 1;
}
.modal-dialog.modal-messages .controlbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
}
.modal-dialog.modal-messages .chat-tabs {
  border-bottom: 1px solid #ddd;
  margin: 0 -.5rem 0 -1rem;
  padding: 0 1rem;
}
.modal-dialog.modal-messages .chat-tabs + .tab-content {
  padding: 1rem 0 0;
}
.modal-dialog.modal-messages .comments-tool button {
  background-color: transparent;
  border: 0;
  color: #888;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.modal-dialog.modal-messages .comments-tool button:hover {
  color: #111;
}
.modal-dialog.modal-messages .comments-tool .btn-submit {
  color: #333;
}
.modal-dialog.modal-messages .comments-tool .btn-submit:hover {
  color: #4285f4;
}

.admin-messages.scrollbar-inner {
  height: 640px;
  max-height: 640px;
  padding-right: 1rem;
}

.modal-dialog.modal-conversations .row-pane {
  position: relative;
}
.modal-dialog.modal-conversations .row-hd {
  height: 40px;
  position: sticky;
}
.modal-dialog.modal-conversations .messages-item {
  padding-right: 3.5rem;
  max-width: 100%;
  position: relative;
}
.modal-dialog.modal-conversations .messages-item .btn {
  border: 0;
  background-color: transparent;
  box-shadow: none;
  margin-top: -17px;
  padding: .375rem .75rem .25rem;
  color: #a2aab3;
  position: absolute;
  right: 2rem;
  top: 50%;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.modal-dialog.modal-conversations .messages-item .btn:hover {
  color: #53585e;
}
.modal-dialog.modal-conversations .messages-item .btn i {
  margin: 0;
}
.modal-dialog.modal-conversations .messages-item:hover .btn {
  opacity: 1;
}
.modal-dialog.modal-conversations .messages-item .btn-reply {
  right: 0;
}
.modal-dialog.modal-conversations .messages-item p {
  margin: 0;
}
.modal-dialog.modal-conversations .messages-item p + .photo-group {
  margin-top: .5rem;
}
.modal-dialog.modal-conversations .messages-item .at-style {
  display: inline-block;
  padding-right: .25rem;
  color: #d352f3;
}
.modal-dialog.modal-conversations .oneself .messages-item {
  padding-right: 5rem;
}
.modal-dialog.modal-conversations .reply-wrap {
  padding-top: .75rem;
  padding-left: 48px;
}
.modal-dialog.modal-conversations .reply-wrap .avatar {
  width: 24px;
  height: 24px;
}
.modal-dialog.modal-conversations .reply-wrap .messages-item {
  background: #eafbfa;
}
.modal-dialog.modal-conversations .photo-group .chat-gallery {
  display: flow-root;
}
.modal-dialog.modal-conversations .photo-group a {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../assets/transparent-background.png") left top no-repeat;
  margin: 0 .25rem .25rem 0;
  width: 80px;
  height: 45px;
  overflow: hidden;
}
.modal-dialog.modal-conversations .photo-group a img {
  width: 100%;
  height: auto;
  position: relative;
}
.modal-dialog.modal-conversations .file-wrap {
  margin-top: .5rem;
}
.modal-dialog.modal-conversations .file-wrap a {
  display: block;
  padding-left: 20px;
  width: 100%;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.modal-dialog.modal-conversations .file-wrap a:hover {
  color: #666;
}
.modal-dialog.modal-conversations .file-wrap a:after {
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  left: 0;
  top: 4px;
}
.modal-dialog.modal-conversations .file-wrap .file-name {
  margin-bottom: .5rem;
  padding-left: 20px;
  position: relative;
  line-height: 1.3;
}
.modal-dialog.modal-conversations .file-wrap .file-name:after {
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  left: 0;
  top: 4px;
}
.modal-dialog.modal-conversations .file-wrap .description {
  margin-bottom: .25rem;
  padding-right: 1rem;
  line-height: 1.3;
}
.modal-dialog.modal-conversations .file-wrap .description span {
  display: inline-block;
  padding-right: .5rem;
  color: #8067ce;
}
.modal-dialog.modal-conversations .file-wrap .date {
  font-size: 0.8125rem;
  color: #999;
}
.modal-dialog.modal-conversations .file-wrap .pdf-file:after {
  content: "\f1c1";
  color: #f70000;
}
.modal-dialog.modal-conversations .file-wrap .excel-file:after {
  content: "\f1c3";
  color: #026e39;
}
.modal-dialog.modal-conversations .file-wrap .doc-file:after {
  content: "\f1c2";
  color: #295394;
}
.modal-dialog.modal-conversations .file-wrap .text-file:after {
  content: "\f0f6";
  color: #000;
}
.modal-dialog.modal-conversations .file-wrap .zip-file:after {
  content: "\f1c6";
  color: #f4a500;
}
.modal-dialog.modal-conversations .file-action-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.modal-dialog.modal-conversations .file-action-bar .btn-rounded {
  margin: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border: .125rem;
  border: 0;
}
.modal-dialog.modal-conversations .file-action-bar .btn-rounded .fa-cloud-download-alt {
  color: #00c851;
}
.modal-dialog.modal-conversations .file-action-bar .btn-rounded .fa-trash-alt {
  color: #ff3547;
}
.modal-dialog.modal-conversations .file-action-bar .btn-rounded:hover {
  background-color: #f5f5f5 !important;
  box-shadow: none;
}
.modal-dialog.modal-conversations .file-action-bar .btn-sm {
  width: 1.8125rem;
  height: 1.8125rem;
}
.modal-dialog.modal-conversations .tab-pane .file-list li {
  display: flex;
  align-items: center;
  border-top: 1px solid #dee2e6;
  padding: .75rem 0;
}
.modal-dialog.modal-conversations .tab-pane .file-list .column-sm {
  padding-left: .25rem;
  width: 40px;
}
.modal-dialog.modal-conversations .tab-pane .file-list .column-lg {
  flex: 1;
}
.modal-dialog.modal-conversations .tab-pane .file-list .column-lg.file-wrap {
  margin-top: 0;
}
.modal-dialog.modal-conversations .tab-pane .file-list .btn-action {
  background-color: transparent;
  box-shadow: none;
  margin: 0;
  padding: 0.375rem 0.75rem 0.25rem;
  opacity: 1;
}
.modal-dialog.modal-conversations .tab-pane .file-list .btn-action i {
  font-size: 1rem;
}

.tooltipster-base {
  pointer-events: auto !important;
}
.tooltipster-base .tooltipster-box {
  background: #4c4c4c !important;
  border: 0 !important;
}
.tooltipster-base .tooltipster-arrow-border,
.tooltipster-base .tooltipster-arrow-background {
  border-top-color: #4c4c4c !important;
}
.tooltipster-base .tooltipster-arrow-border,
.tooltipster-base .tooltipster-arrow-background {
  border-top-color: #4c4c4c !important;
}
.tooltipster-base .filetooltip-inner a {
  display: block;
  padding: .125rem 0;
  font-size: .9375rem;
  color: #d3d3d3;
}
.tooltipster-base .filetooltip-inner a:hover {
  color: #fff;
}
.tooltipster-base .filetooltip-inner hr {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: .5rem 0;
}

.widget-autocomplete {
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: .5rem;
  padding: 1rem;
  width: 100%;
  position: absolute;
  bottom: 160px;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  pointer-events: none;
  z-index: 11;
}
.widget-autocomplete .scrollbar-inner {
  height: 120px;
}
.widget-autocomplete ul {
  border-radius: .25rem;
  border: 1px solid #dee2e6;
}
.widget-autocomplete li {
  border-bottom: 1px solid #dee2e6;
}
.widget-autocomplete li:last-child {
  border-bottom: none;
}
.widget-autocomplete li a {
  display: flex;
  align-items: center;
  padding: .375rem !important;
}
.widget-autocomplete li a:hover {
  background: #fafafa;
}
.widget-autocomplete .avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  width: 28px;
  overflow: hidden;
  position: relative;
}
.widget-autocomplete .avatar img {
  border-radius: 50%;
  width: 100%;
  height: auto;
}
.widget-autocomplete .userid {
  margin-left: .5rem;
}

.messages-textarea .form-control:hover + .widget-autocomplete, .messages-textarea .form-control:focus + .widget-autocomplete {
  opacity: 1;
  bottom: 128px;
  pointer-events: auto;
}

.sl-wrapper {
  z-index: 1060 !important;
}
.sl-wrapper .sl-close {
  z-index: 1061 !important;
  color: #fff !important;
}
.sl-wrapper .sl-spinner {
  z-index: 1061 !important;
}
.sl-wrapper .sl-navigation button {
  color: #fff !important;
}

.sl-overlay {
  z-index: 1059 !important;
  background: #000 !important;
  opacity: .9 !important;
}

/* Tooltipster ---------------------------------------------------------------------------*/
/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
  if greater that the natural height of the tooltip, will be enforced
  in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
  and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
}

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltipster-update-fade {
  animation: tooltipster-fading 400ms;
}

/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms;
}

/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 *
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid black;
  border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 18px;
  padding: 6px 14px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
  been positioned yet */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0;
  top: -3px;
}

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: black;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: black;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: black;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: black;
}

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

/* Simple lightbox ------------------------------------------------------------------------*/
/*!
	By André Rinas, www.andrerinas.de
	Documentation, www.simplelightbox.de
	Available for use under the MIT License
	Version 2.10.1
*/
body.hidden-scroll {
  overflow: hidden;
}

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.7;
  display: none;
  z-index: 1035;
}

.sl-wrapper {
  z-index: 1040;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
}

.sl-wrapper * {
  box-sizing: border-box;
}

.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
}

.sl-wrapper button:hover {
  opacity: 0.7;
}

.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 10060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: #000;
  font-size: 3rem;
}

.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 1060;
  color: #000;
  font-size: 1rem;
}

.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}

.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  height: 44px;
  width: 22px;
  line-height: 44px;
  text-align: center;
  display: block;
  z-index: 10060;
  font-family: Arial, Baskerville, monospace;
  color: #000;
}

.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: 2rem;
}

.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: 2rem;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }

  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
    font-size: 3rem;
  }

  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
    font-size: 3rem;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }

  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
    font-size: 3rem;
  }

  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;
    font-size: 3rem;
  }
}
.sl-wrapper.sl-dir-rtl .sl-navigation {
  direction: ltr;
}

.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000;
}

.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
  width: 100%;
  height: auto;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0 none;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}

.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}

.sl-wrapper .sl-image .sl-download {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #000;
  z-index: 1060;
}

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite;
}

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

.sl-transition {
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -o-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms;
}

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
/* Curriculum Review ------------------------------------------------------------------------*/
/* `Curriculum Review
-----------------------------------------------------------------------------*/
.cr-wrapper {
  display: flex;
  background: #fff;
}
.cr-wrapper .cr-side {
  padding: 1.25rem;
  width: 400px;
}
.cr-wrapper .cr-stage {
  flex: 1;
  border-left: 1px solid #dee2e6;
  padding: 1.25rem;
}
.cr-wrapper .info-group {
  margin-bottom: 2rem;
}
.cr-wrapper .info-group li {
  border-bottom: 1px solid #dee2e6;
  padding: .5rem 0;
  clear: right;
}
.cr-wrapper .info-group li.half {
  float: left;
  border-right: 1px solid #dee2e6;
  margin-right: 1.25rem;
  padding-right: 1.25rem;
  width: 50%;
}
.cr-wrapper .info-group span {
  display: block;
}
.cr-wrapper .info-group span.text-danger {
  display: inline-block;
}
.cr-wrapper .info-group .label {
  font-size: .9375rem;
  font-weight: bold;
  color: #5f58d1;
}
.cr-wrapper .info-group .info {
  color: #000;
}
.cr-wrapper label.checky {
  display: block;
  position: relative;
}
.cr-wrapper label.checky input {
  opacity: 0;
  position: absolute;
}
.cr-wrapper label.checky > input + span {
  display: block;
  border-radius: .25rem;
  background: #e5f5db;
  border: 1px solid #daefcd;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}
.cr-wrapper label.checky > input + span:hover {
  background: #dbf1ce;
  border-color: #dbf1ce;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.cr-wrapper label.checky > input:checked + span {
  background: #63ab2e;
  border-color: #63ab2e;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #fff;
}
.cr-wrapper label.checky > input:checked + span:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 44px;
  color: #fff;
  position: absolute;
  left: 1rem;
}
.cr-wrapper label.checky > input:checked + span:hover {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
.cr-wrapper .stage-toolbar {
  display: flex;
  justify-content: space-between;
  background: #f1f1f1;
  border-bottom: 1px solid #dee2e6;
  margin: -1.25rem -1.25rem 1.25rem;
  padding: 1.25rem 1.25rem 1.25rem;
}
.cr-wrapper .stage-toolbar .form-select {
  position: relative;
  top: 1px;
}

/* DateTimepicker ------------------------------------------------------------------------*/
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}

@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}

.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eee;
}

.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}

.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777;
}

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
  background: #eee;
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
  color: #777;
}

.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}

.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget table td span:hover {
  background: #eee;
}

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.old {
  color: #777;
}

.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

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

.form-control:hover, .form-control:focus, .form-control:active, .form-select:hover, .form-select:focus, .form-select:active {
  box-shadow: none;
}

.input-group.date .input-group-addon,
.input-group.time .input-group-addon {
  border-radius: 0 .25rem .25rem 0;
  height: 100%;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 4;
}
.input-group.date .input-group-text,
.input-group.time .input-group-text {
  padding: 0.675rem 0.75rem;
  border-radius: 0 .25rem .25rem 0;
  height: 100%;
}
.input-group.date .input-group.date,
.input-group.time .input-group.date {
  text-transform: uppercase;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  border: 1px solid #dee2e6;
  border-radius: 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.2);
  margin: 2px 0 0 0;
  padding: 0;
  min-width: 300px;
  max-width: 100%;
  width: auto;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  display: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu table td,
.bootstrap-datetimepicker-widget.dropdown-menu table th {
  border-radius: 0;
}
.bootstrap-datetimepicker-widget.dropdown-menu table td.old,
.bootstrap-datetimepicker-widget.dropdown-menu table td.new {
  color: #bbb;
}
.bootstrap-datetimepicker-widget.dropdown-menu table td.today:before {
  border-bottom-color: #0095ff;
}
.bootstrap-datetimepicker-widget.dropdown-menu table td.active,
.bootstrap-datetimepicker-widget.dropdown-menu table td.active:hover,
.bootstrap-datetimepicker-widget.dropdown-menu table td span.active {
  background-color: #0095ff;
  text-shadow: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu table td.active.today:before,
.bootstrap-datetimepicker-widget.dropdown-menu table td.active:hover.today:before,
.bootstrap-datetimepicker-widget.dropdown-menu table td span.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget.dropdown-menu table th {
  height: 40px;
  padding: 0;
  width: 40px;
}
.bootstrap-datetimepicker-widget.dropdown-menu table th.picker-switch {
  width: auto;
}
.bootstrap-datetimepicker-widget.dropdown-menu table tr:first-of-type th {
  border-bottom: 1px solid #dee2e6;
}
.bootstrap-datetimepicker-widget.dropdown-menu table td.day {
  height: 32px;
  line-height: 32px;
  padding: 0;
  width: auto;
}
.bootstrap-datetimepicker-widget.dropdown-menu table td span {
  border-radius: 0;
  height: 77px;
  line-height: 77px;
  margin: 0;
  width: 25%;
}
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-months tbody tr td,
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-years tbody tr td,
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td {
  padding: 0;
}
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td {
  height: 27px;
  line-height: 27px;
}
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td span {
  display: block;
  float: left;
  width: 50%;
  height: 46px;
  line-height: 46px !important;
  padding: 0;
}
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td span:not(.decade) {
  display: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td {
  padding: 0;
  width: 30%;
  height: 20px;
  line-height: 20px;
}
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td:nth-child(2) {
  width: 10%;
}
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td a,
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td span,
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td button {
  border: none;
  border-radius: 0;
  height: 56px;
  line-height: 56px;
  padding: 0;
  width: 100%;
}
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td span {
  color: #333;
  margin-top: -1px;
}
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td button {
  background-color: #fff;
  color: #333;
  font-weight: bold;
  font-size: 1.2em;
}
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td button:hover {
  background-color: #eee;
}

.bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table td {
  border-top: 1px solid #dee2e6;
}
.bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table td a,
.bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table td span {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0;
  width: 100%;
}

.todayText:before {
  content: "Today's Date";
}

/* Role --------------------------------------------------------------------------*/
/* `Role login
-----------------------------------------------------------------------------*/
.btn-role {
  background-color: #0875ae;
  padding: 0.84rem 2.14rem;
  color: #fff;
}
.btn-role:hover {
  color: #fff;
}

.login-innerbg {
  animation: slide 6s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #0875ae 50%, #78c7f1 50%);
  bottom: 0;
  left: -50%;
  opacity: 0.5;
  position: fixed;
  right: -50%;
  top: 0;
  z-index: -1;
}

.login-bg2 {
  animation-direction: alternate-reverse;
  animation-duration: 8s;
}

.login-bg3 {
  animation-duration: 10s;
}

@keyframes slide {
  0% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(25%);
  }
}
.role-login {
  width: 100%;
  height: 100%;
}
.role-login section, .role-login .role_login-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.role-login canvas {
  position: absolute;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
}

.role_switch-container {
  margin: 0 auto;
  padding: 8rem 0 4rem;
  width: 1140px;
  position: relative;
  z-index: 1;
}
.role_switch-container .role_logo {
  margin-bottom: 5rem;
  text-align: center;
}
.role_switch-container .role_logo .logo__img {
  width: 246px;
  height: auto;
}
.role_switch-container .role-list {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
}
.role_switch-container .role-list li {
  background: #fff;
  border-radius: .375rem;
  box-shadow: 0 8px 4px rgba(0, 0, 0, 0.07), 0 2px 12px rgba(0, 0, 0, 0.2);
  margin-right: 2%;
  margin-bottom: 1.375rem;
  padding: 2rem;
  width: 49%;
}
.role_switch-container .role-list li:nth-child(even) {
  margin-right: 0;
}
.role_switch-container .role-list .item-title {
  margin-bottom: 2rem;
  font-size: 1.375rem;
  font-weight: bold;
  position: relative;
}
.role_switch-container .role-list .item-title:after {
  content: "";
  background: #0875ae;
  width: 1.5rem;
  height: 1px;
  margin-left: -0.75rem;
  position: absolute;
  left: 50%;
  bottom: -0.75rem;
}
.role_switch-container .role-list .item-description {
  margin-bottom: 2rem;
  color: #666;
}
.role_switch-container .role-list .btn-main {
  margin: 0;
}

/* Login ------------------------------------------------------------------------*/
/* `Login
-----------------------------------------------------------------------------*/
.height-layout,
.login-layout {
  height: 100vh;
}

.login-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url(../assets/trianglify.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  position: relative;
}
.login-container:before {
  content: "";
  background: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.login-container .login {
  min-width: 400px;
}
.login-container .logo {
  position: relative;
}

.login-wrapper .login-card {
  background: #fff;
  border-radius: .375rem;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.05), 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 420px;
  padding: 5rem 2rem 2rem;
  position: relative;
}
.login-wrapper .login-card .logo-circle {
  background: #fff;
  border-radius: 50%;
  padding: .5rem;
  position: absolute;
  top: -72px;
  left: 50%;
  margin-left: -72px;
}
.login-wrapper .login-card .logo-circle .logo__img {
  display: inline-block;
  width: 128px;
  height: auto;
}
.login-wrapper .login-card .logo-rectangle {
  background: #41474c;
  border-radius: .375rem .375rem 0 0;
  margin: -5rem -2rem 2rem;
  padding: 2rem;
  text-align: center;
}
.login-wrapper .login-card .logo-rectangle .logo__img {
  display: inline-block;
  width: auto;
  height: 72px;
}
.login-wrapper .login-card hgroup {
  text-align: center;
}
.login-wrapper .login-card hgroup h3 {
  font-weight: bold;
}
.login-wrapper .login-card hgroup h5 {
  color: #888;
}
.login-wrapper .login-card .forget-password {
  margin-bottom: 0;
  padding-top: 3rem;
  text-align: center;
  position: relative;
}
.login-wrapper .login-card .forget-password:after {
  content: "";
  background: #777;
  margin-left: -24px;
  width: 48px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 12px;
}
.login-wrapper .login-card .forget-password a {
  color: #aaa;
}
.login-wrapper .login-card .forget-password a:hover {
  color: #333;
}
.login-wrapper .login-card .input-group-addon.verification {
  padding-top: 32px;
}

.login-page {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  position: relative;
}
.login-page .container-absolute {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.role-page .role_switch-container {
  padding: 4rem 0 2rem;
}
.role-page .role_switch-container .role_logo {
  margin-bottom: 2rem;
}
.role-page .container-absolute {
  position: fixed;
}

.effect_clouds {
  background: #2f323c;
  min-height: 100vh;
  display: grid;
  grid: "main" 100vh / auto;
  place-items: center;
}
.effect_clouds svg {
  grid-area: main;
  height: 100%;
  width: 100%;
}

.effect_light {
  margin: 0;
  height: 100vh;
  background: radial-gradient(#8a0c0e, #382324);
  overflow-y: hidden;
  animation: fadeIn 1 1s ease-out;
}
.effect_light .light {
  position: absolute;
  width: 0px;
  opacity: .75;
  background-color: white;
  box-shadow: #e9f1f1 0px 0px 20px 2px;
  opacity: 0;
  top: 100vh;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}
.effect_light .x1 {
  animation: floatUp 4s infinite linear;
  transform: scale(1);
}
.effect_light .x2 {
  animation: floatUp 7s infinite linear;
  transform: scale(1.6);
  left: 15%;
}
.effect_light .x3 {
  animation: floatUp 2.5s infinite linear;
  transform: scale(0.5);
  left: -15%;
}
.effect_light .x4 {
  animation: floatUp 4.5s infinite linear;
  transform: scale(1.2);
  left: -34%;
}
.effect_light .x5 {
  animation: floatUp 8s infinite linear;
  transform: scale(2.2);
  left: -57%;
}
.effect_light .x6 {
  animation: floatUp 3s infinite linear;
  transform: scale(0.8);
  left: -81%;
}
.effect_light .x7 {
  animation: floatUp 5.3s infinite linear;
  transform: scale(3.2);
  left: 37%;
}
.effect_light .x8 {
  animation: floatUp 4.7s infinite linear;
  transform: scale(1.7);
  left: 62%;
}
.effect_light .x9 {
  animation: floatUp 4.1s infinite linear;
  transform: scale(0.9);
  left: 85%;
}
@-webkit-keyframes floatUp {
  0% {
    top: 100vh;
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    top: 0vh;
    opacity: 0.8;
  }
  75% {
    opacity: 1;
  }
  100% {
    top: -100vh;
    opacity: 0;
  }
}
@-moz-keyframes floatUp {
  0% {
    top: 100vh;
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    top: 0vh;
    opacity: 0.8;
  }
  75% {
    opacity: 1;
  }
  100% {
    top: -100vh;
    opacity: 0;
  }
}
@-o-keyframes floatUp {
  0% {
    top: 100vh;
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    top: 0vh;
    opacity: 0.8;
  }
  75% {
    opacity: 1;
  }
  100% {
    top: -100vh;
    opacity: 0;
  }
}
@keyframes floatUp {
  0% {
    top: 100vh;
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    top: 0vh;
    opacity: 0.8;
  }
  75% {
    opacity: 1;
  }
  100% {
    top: -100vh;
    opacity: 0;
  }
}
.effect_torn {
  background: linear-gradient(#3658a7 25%, #242b3a 50%, #242b3a 50%, #3658a7 100%);
}
.effect_torn .wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 auto;
  perspective: 360px;
  perspective-origin: 50% 50%;
}
.effect_torn .top-plane, .effect_torn .bottom-plane {
  width: 200%;
  height: 130%;
  position: absolute;
  bottom: -30%;
  left: -50%;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1) 2px, transparent 2px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.1) 2px, transparent 2px);
  background-size: 100px 100px, 100px 100px;
  background-position: -1px -1px, -1px -1px;
  transform: rotateX(85deg);
  animation: planeMoveTop 15s infinite linear;
}
.effect_torn .bottom-plane {
  transform: rotateX(-85deg);
  top: -30%;
  animation: planeMoveBot 15s infinite linear;
}
@keyframes planeMoveTop {
  from {
    background-position: 0px -100px, 0px 0px;
  }
  to {
    background-position: 0px 0px, 100px 0px;
  }
}
@keyframes planeMoveBot {
  from {
    background-position: 0px 0px, 0px 0px;
  }
  to {
    background-position: 0px -100px, 100px 0px;
  }
}
@media (max-height: 350px) {
  .effect_torn .wrap {
    perspective: 210px;
  }
}

.effect_cube {
  background-color: #224999;
  overflow: hidden;
}
.effect_cube .cube {
  position: absolute;
  top: 80vh;
  left: 45vw;
  width: 10px;
  height: 10px;
  border: solid 1px #1b3978;
  transform-origin: top left;
  transform: scale(0) rotate(0deg) translate(-50%, -50%);
  animation: cube 12s ease-in forwards infinite;
}
.effect_cube .cube:nth-child(2n) {
  border-color: #2b5dc3;
}
.effect_cube .cube:nth-child(2) {
  animation-delay: 2s;
  left: 25vw;
  top: 40vh;
}
.effect_cube .cube:nth-child(3) {
  animation-delay: 4s;
  left: 75vw;
  top: 50vh;
}
.effect_cube .cube:nth-child(4) {
  animation-delay: 6s;
  left: 90vw;
  top: 10vh;
}
.effect_cube .cube:nth-child(5) {
  animation-delay: 8s;
  left: 10vw;
  top: 85vh;
}
.effect_cube .cube:nth-child(6) {
  animation-delay: 10s;
  left: 50vw;
  top: 10vh;
}
@keyframes cube {
  from {
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
    opacity: 1;
  }
  to {
    transform: scale(20) rotate(960deg) translate(-50%, -50%);
    opacity: 0;
  }
}
.effect_breathe {
  background: #00adef;
  background: linear-gradient(135deg, #00adef 0%, #0076e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adef', endColorstr='#0076e5',GradientType=1 );
  overflow: hidden;
}
.effect_breathe .effect-inside {
  position: relative;
  min-width: 1920px;
  max-width: 2560px;
  height: auto;
  min-height: 300%;
  margin: 0px auto;
  padding: 0px auto;
  overflow: visible;
}
.effect_breathe .circle-small {
  -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
  animation: circle-small-scale 3s ease-in-out infinite alternate;
  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
  animation-delay: 0s;
  position: absolute;
  top: 200px;
  left: -20%;
  background: #fff;
  width: 900px;
  height: 900px;
  border-radius: 50%;
  opacity: 0.4;
}
.effect_breathe .circle-medium {
  -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
  animation: circle-small-scale 3s ease-in-out infinite alternate;
  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
  animation-delay: 0.3s;
  position: absolute;
  top: 50px;
  left: -25%;
  background: #fff;
  width: 1200px;
  height: 1200px;
  border-radius: 50%;
  opacity: 0.3;
}
.effect_breathe .circle-large {
  -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
  animation: circle-small-scale 3s ease-in-out infinite alternate;
  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
  animation-delay: 0.6s;
  position: absolute;
  top: -100px;
  left: -30%;
  background: #fff;
  width: 1500px;
  height: 1500px;
  border-radius: 50%;
  opacity: 0.2;
}
.effect_breathe .circle-xlarge {
  -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
  animation: circle-small-scale 3s ease-in-out infinite alternate;
  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
  animation-delay: 0.9s;
  position: absolute;
  top: -250px;
  left: -35%;
  background: #fff;
  width: 1800px;
  height: 1800px;
  border-radius: 50%;
  opacity: 0.1;
}
.effect_breathe .circle-xxlarge {
  -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
  animation: circle-small-scale 3s ease-in-out infinite alternate;
  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
  animation-delay: 1.2s;
  position: absolute;
  top: -400px;
  left: -40%;
  background: #fff;
  width: 2100px;
  height: 2100px;
  border-radius: 50%;
  opacity: 0.05;
}
@-webkit-keyframes circle-small-scale {
  0% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
  }
}
@keyframes circle-small-scale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
/* Overwrite Element ------------------------------------------------------------------------*/
/* ` by Peggy
-----------------------------------------------------------------------------*/
.el-dialog {
  border-radius: calc(0.5rem - 1px);
}

.el-dialog__header {
  min-height: 57.59px;
  border-bottom: 1px solid #e0e0e0;
}

.el-dialog__headerbtn {
  top: 16px;
  right: 16px;
}

.el-dialog__headerbtn .el-dialog__close {
  font-size: 26px;
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
  color: #000;
  opacity: 0.75;
}

.el-dialog__footer {
  border-top: 1px solid #e0e0e0;
}

.el-table .cell {
  overflow: visible;
}

.table_toolbar {
  line-height: normal;
}

.table_toolbar .btn {
  vertical-align: baseline;
}

.table_toolbar .el-input--small .el-input__inner {
  height: 32.6px;
}

.table_toolbar .el-select {
  margin-top: 10px;
  margin-right: 4px;
  vertical-align: bottom;
  width: 120px;
}

.dd-item .dd-handle.active {
  background: #aaa;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.add-btn {
  cursor: pointer;
}

/* ` by Fire
-----------------------------------------------------------------------------*/
.el-radio.block {
  margin: 0 30px 0 0;
}

[data-s-1] .vertical, .vertical[data-s-1] {
  display: block;
  margin-bottom: .5rem;
}

[data-s-1] .el-checkbox,
.el-checkbox[data-s-1] {
  line-height: 1;
}

.el-form-item {
  margin-bottom: 1rem;
}

.el-form-item__text {
  margin-bottom: 0;
  padding-top: 4px;
  color: #999;
  font-size: .875rem;
  line-height: 1;
}

.el-form--label-top .el-form-item__label {
  padding-bottom: 0;
}

.el-input-number,
.el-select {
  width: 100%;
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
}

.el-date-editor .el-range-input {
  width: 44%;
}
.el-date-editor .el-range-separator {
  width: 6%;
}

.el-checkbox__label {
  font-size: .9375rem;
}

.el-table--small {
  font-size: .9375rem;
}

.el-table--mini {
  font-size: .875rem;
}

.el-table__header,
.el-table__body {
  width: 100% !important;
}

.el-expansion {
  padding: 0 !important;
}

body {
  background-color: #fafafa;
  font-family: 'Roboto', 'Apple LiGothic Medium', '\5FAE\8EDF\6B63\9ED1\9AD4', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.menu-item, .menu-item > li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.content-wrapper {
  padding: 0;
}
.content-wrapper .full-block {
  margin-bottom: 0;
  padding: 1.25rem 1.25rem 0;
}

.main::after, .block-header::after, .block-content::after, .block-footer::after {
  display: block;
  content: "";
  clear: both;
}

.main {
  padding: 1.25rem 1.25rem 0;
}

.dashboard-head {
  border-bottom: 1px solid #eee;
}
.dashboard-head h3, .dashboard-head h5 {
  margin: 0;
}
.dashboard-head .font-w400 {
  margin: 0;
  color: #0875ae;
}
.dashboard-head.block[class*="col-"], .dashboard-head[class*="col-"] .block, .dashboard-head.row.block {
  margin-bottom: 0;
}

.content-heading {
  margin: 1em 0 1em;
}

.page-header {
  border-color: #e9e9e9;
  margin-bottom: 2rem;
}
.page-header h1, .page-header h2, .page-header h3, .page-header h4 {
  margin-top: 0;
}

.active .fa-refresh {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: activeRefresh 1.1s infinite linear;
  animation: activeRefresh 1.1s infinite linear;
}

@-webkit-keyframes activeRefresh {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes activeRefresh {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.required {
  display: inline-block;
  margin-right: 0.5rem;
  color: tomato;
}

/* `Layout
-----------------------------------------------------------------------------*/
.content-mini {
  margin: 0 auto 1.25rem;
  max-width: 100%;
  overflow-x: visible;
  padding: 13px 30px 1px;
}
.content-mini.content-mini-full {
  margin-bottom: 0.625rem;
  padding-bottom: 0.625rem;
}

/* `Breadcrumb
-----------------------------------------------------------------------------*/
.breadcrumb-block {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 0 !important;
  padding: 0.625rem 1.25rem;
  position: relative;
}

.breadcrumb {
  background-color: transparent;
  margin-bottom: 0;
  padding: 0;
}
.breadcrumb .active {
  color: #999;
}

/* `Block
-----------------------------------------------------------------------------*/
[class*="col-"] {
  margin-bottom: 1.25rem;
}

[class*="col-"] [class*="col-"] {
  margin-bottom: 0;
}

.col-block {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid rgba(186, 189, 199, 0.2);
  padding: 0;
}
.col-block > [class*="col-"] {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.col-block > [class*="col-"] .block-content, .col-block > [class*="col-"] .block-header, .col-block > [class*="col-"] .block-footer {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.col-block.block {
  display: block;
}

.row > .col-block {
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
}

.block-header, .block-content, .block-footer {
  width: 100%;
}

.block-header, .nav-tabs {
  margin-bottom: 0.9375rem;
}
.block-header .block-options button.clean, .nav-tabs .block-options button.clean {
  background-color: transparent;
  border: none;
  color: #999;
}
.block-header .block-options button.clean:hover, .block-header .block-options button.clean:active, .nav-tabs .block-options button.clean:hover, .nav-tabs .block-options button.clean:active {
  color: #333;
}
.block-header li.block-options, .nav-tabs li.block-options {
  padding: 0.9375rem 1.25rem;
}
.block-header .btn-group .btn, .nav-tabs .btn-group .btn {
  box-shadow: none;
}

.block-footer {
  margin-top: 0.9375rem;
}

.col-block .block-content.expansion {
  padding: 0;
}
.col-block .block-content.expansion .table-bordered, .col-block .block-content.expansion .table-striped {
  margin-bottom: 0;
}
.col-block .block-content.expansion th, .col-block .block-content.expansion td {
  padding: 0.625rem;
  border-color: #f3f3f3;
}
.col-block .block-content.expansion th {
  padding: 1rem 0.625rem;
}
.col-block .block-content.expansion th:first-child, .col-block .block-content.expansion td:first-child {
  padding-left: 1.25rem;
}
.col-block .block-content.expansion th:last-child, .col-block .block-content.expansion td:last-child {
  padding-right: 1.25rem;
}
.col-block .block-content.expansion .table-striped th {
  background: #fff;
}
.col-block .block-content.expansion .t-header, .col-block .block-content.expansion .t-footer {
  padding: 0 1.25rem;
}
.col-block .block-content.expansion .table-sm th, .col-block .block-content.expansion .table-sm td {
  padding: 0.5rem 0.3rem;
}
.col-block .block-content.expansion .table-xs th, .col-block .block-content.expansion .table-xs td {
  padding: 0.375rem 0.3rem;
}
.col-block .block-header, .col-block .block-content, .col-block .block-footer {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0.9375rem 1.25rem;
  width: 100%;
}
.col-block .block-header.has-border, .col-block .block-content.has-border, .col-block .block-footer.has-border {
  border-bottom: 1px solid #dee2e6;
}
.col-block .block-header.has-bg, .col-block .block-content.has-bg, .col-block .block-footer.has-bg {
  background-color: #f1f1f1;
}
.col-block .block-header h3, .col-block .block-content h3, .col-block .block-footer h3 {
  display: inline-block;
  margin: 0;
  font-size: 18px;
  color: #666;
}
.col-block .block-header h3 strong, .col-block .block-content h3 strong, .col-block .block-footer h3 strong {
  font-weight: bold;
  color: #333;
}
.col-block .block-header .pagination, .col-block .block-content .pagination, .col-block .block-footer .pagination {
  margin: 0 0 1.25rem;
}
.col-block .block-footer.has-border {
  border-bottom: none;
  border-top: 1px solid #e9e9e9;
}

.data-footer h2 {
  font-size: 18px;
}
.data-footer h4 {
  font-size: 15px;
}

.block-header h1, .block-header h2, .block-header h3, .block-header h4, .block-header h5, .block-header h6 {
  margin-bottom: 0;
}

/* `Subheader
-----------------------------------------------------------------------------*/
.subheader {
  height: 75px;
  box-sizing: content-box;
  border-bottom: #e6e6e6 1px solid;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background: #e8e8e8;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.subheader h2 {
  margin: 0 32px 0 1.25rem;
  color: #333;
  font-size: 26px;
  line-height: 75px;
}
.subheader .main-words {
  display: block;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.1em;
}
.subheader .main-words em {
  font-style: normal;
  font-size: 22px;
  line-height: 1.1em;
  color: #0875ae;
}
.subheader .main-words span {
  margin-left: 5px;
}
.subheader .sub-words {
  font-size: 13px;
  color: #777;
}
.subheader > .main-block {
  width: 50%;
  float: left;
  height: 72px;
  text-align: right;
}
.subheader > .main-block h2 {
  margin: 0;
  padding: 0 0 0 1.25rem;
  color: #333;
  font-size: 26px;
  line-height: 75px;
}
.subheader > .main-block .title {
  float: left;
  text-align: left;
}
.subheader > .sub-block, .subheader > .org-sub-block {
  width: 25%;
  float: left;
  height: 75px;
  text-align: right;
  padding: 13px 1.25rem;
  border-left: #ddd 1px solid;
}
.subheader .sub-block.has-chart {
  position: relative;
  padding-right: 70px;
}
.subheader > .org-sub-block:first-child {
  border-left: none;
}
.subheader > .org-sub-block em {
  margin-right: 0;
}
.subheader > .org-sub-block .sub-words {
  display: block;
  font-weight: bold;
  font-size: 0.9375rem;
  line-height: 1.1em;
  color: #333;
  margin-top: 5px;
}
.subheader .chart {
  position: absolute;
  top: 15px;
  right: 20px;
}

/* `ui
-----------------------------------------------------------------------------*/
.form-request {
  display: inline-block;
  padding: 0 .25rem;
  color: #dd4886;
}

.date-controls {
  margin-bottom: 1.25rem;
}
.date-controls h2 {
  display: inline-block;
  margin-top: 0;
}

.actions-top {
  margin: 0.125rem 0 0.625rem;
}

.btn.btn-back {
  margin-right: 0.625rem;
}

.table .btn.btn-sm {
  padding: 0.3rem 0.5rem;
}

.well h2, .well h3, .well h4 {
  margin-top: 0;
}

ul.event-info li > i {
  color: #0875ae;
}

.ul-info, .ul-info ul, .ul-info li, .ticket-tax-list, .ticket-tax-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ul-info li {
  border-bottom: 1px solid #eee;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.ul-info li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.ul-info li ul {
  border-top: 1px solid #eee;
  margin-top: 5px;
  padding-top: 5px;
}
.ul-info li li {
  padding-left: 1.25rem;
}

ul.ticket-tax-list .ticket-info {
  position: relative;
}
ul.ticket-tax-list .ticket-info h2 {
  margin: 0.3125rem 0 0.625rem;
  font-size: 24px;
}
ul.ticket-tax-list .ticket-info h2 i {
  color: #0875ae;
}
ul.ticket-tax-list .ticket-info ul, ul.ticket-tax-list .ticket-info li {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.ticket-tax-list .ticket-info li {
  float: left;
  margin-right: 25px;
}
ul.ticket-tax-list .ticket-info .toggle-switch {
  border: 1px solid #ddd;
  border-radius: 13px;
  display: block;
  height: 24px;
  line-height: 22px;
  position: absolute;
  right: 30px;
  text-align: center;
  top: 1.25rem;
  width: 24px;
}

.cusitem {
  margin: 0;
}
.cusitem > li {
  margin-bottom: 0.9375rem;
}
.cusitem > li:last-child {
  margin-bottom: 0;
}
.cusitem h4 {
  display: inline-block;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  width: 160px;
}

.table .warning td {
  border-color: #fbe0c3;
}
.table .success td {
  border-color: #cee5bf;
}
.table .info td {
  border-color: #bee9f2;
}
.table .danger td {
  border-color: #ebc6c6;
}

.block[class*="col-"] .block-content.expansion tbody th,
[class*="col-"] .block .block-content.expansion tbody th,
.row.block .block-content.expansion tbody th {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.margin-b5 {
  margin-bottom: 5px;
}

.dataTables_wrapper .t-header .dropdown-menu {
  min-width: 180px;
}
.dataTables_wrapper .t-header .dropdown-menu .checkbox {
  margin: 0;
}
.dataTables_wrapper .t-header .dropdown-menu .checkbox label {
  display: block;
  padding: 3px 0.625rem;
}
.dataTables_wrapper .t-header .dropdown-menu .checkbox label:hover {
  background-color: #f2fbea;
}
.dataTables_wrapper .t-header .dropdown-menu .checkbox input[type="checkbox"] {
  margin: 0;
  position: static;
}

.media-flex {
  display: flex;
}

.media-body-flex {
  flex: 1;
}

.popover.data-filter {
  padding: 0;
}
.popover.data-filter div:first-child .popover-heading {
  border-radius: 6px 6px 0 0;
}
.popover.data-filter .popover-content {
  padding-top: 0;
  padding-bottom: 0;
}
.popover.data-filter .popover-heading {
  margin-top: 0;
  margin-bottom: 0;
}
.popover.data-filter .popover-heading ~ div {
  padding: 7px 0 2px;
}
.popover.data-filter .panel-footer {
  border-radius: 0 0 6px 6px;
}
.popover.data-filter .panel-footer .btn {
  margin-bottom: 0;
}

.popover.bottom > .arrow::after {
  border-bottom-color: #f5f5f5;
}

.popover-heading {
  margin-left: -14px;
  margin-right: -14px;
  padding: .75rem 1rem .5rem;
  font-size: 1rem;
}

.search-sticky .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.search-sticky .form-control:focus {
  box-shadow: none;
}
.search-sticky .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.search-sticky .btn.btn-sm {
  padding: 0.4rem 0.75rem;
}

.btn-group.unshadow .btn {
  box-shadow: none;
}

.btn-group.unshadow[class*="btn-group-"] {
  box-shadow: none;
}
.btn-group.unshadow[class*="btn-group-"] .btn {
  border: 1px solid #e5e5e5;
}

.btn-group.btn-group[class*="btn-group-"] {
  box-shadow: none !important;
}
.btn-group.btn-group[class*="btn-group-"] .btn i {
  margin-right: 0;
}

.btn .custom-control.custom-checkbox {
  min-height: 1.2rem;
  padding-left: 1.2rem;
}
.btn .custom-control-label:before {
  background-color: #fff;
  border: #adb5bd solid 1px;
}
.btn .custom-control-label:before, .btn .custom-control-label:after {
  top: 0.125rem;
}

.add-btn .btn {
  display: inline-block;
  margin: 0;
  margin-right: 0.375rem;
}
.add-btn .btn .fa {
  margin: 0;
  padding-top: 4px;
}

.table.table-xs th, .table.table-xs td {
  padding: 0.375rem 0.3rem;
}
.table.table-sm th, .table.table-sm td {
  padding: 0.5rem 0.3rem;
}
.table tr.onclick td {
  background: #feffe5;
}
.table.obvious-link a {
  color: #4285f4;
}
.table.obvious-link a:hover {
  color: #1266f1;
  text-decoration: underline;
}

.table .ellipsis {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.blockhead-button {
  position: relative;
  padding-left: 1.25rem;
  color: #333;
}
.blockhead-button:after {
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  left: 0;
  top: 5px;
  transition: all 0.2s ease-in-out;
}
.blockhead-button + .blockhead-button {
  margin-left: 1rem;
}

.add-blockhead-button:after {
  content: "\f067";
  color: #00c851;
}
.add-blockhead-button:hover {
  color: #00c851;
}

.export-blockhead-button:after {
  content: "\f08e";
  color: #4285f4;
}
.export-blockhead-button:hover {
  color: #4285f4;
}

.error-page {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
}
.error-page .error-inner {
  width: 400px;
  text-align: center;
}
.error-page .codename {
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
  font-size: 8rem;
}
.error-page .caption {
  margin-bottom: 3rem;
  font-size: 1rem;
  color: #888;
}

.circle-list {
  margin-top: 1rem;
  text-align: center;
}
.circle-list li {
  display: inline-block;
  margin: 0 1rem;
}
.circle-list .circle-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4rem;
  border: 2px solid #000;
  margin-bottom: 1rem;
  width: 8rem;
  height: 8rem;
  color: #000;
}
.circle-list .circle-item span {
  display: inline-block;
  font-size: 1.75rem;
  font-weight: 300;
}
.circle-list .circle-item:hover {
  color: #fff;
}
.circle-list .circle-primary {
  border-color: #4285f4;
}
.circle-list .circle-primary:hover {
  background: #4285f4;
}
.circle-list .circle-secondary {
  border-color: #7525ad;
}
.circle-list .circle-secondary:hover {
  background: #7525ad;
}
.circle-list .circle-success {
  border-color: #28a745;
}
.circle-list .circle-success:hover {
  background: #28a745;
}
.circle-list .circle-danger {
  border-color: #e22d2d;
}
.circle-list .circle-danger:hover {
  background: #e22d2d;
}
.circle-list .circle-warning {
  border-color: #f0851c;
}
.circle-list .circle-warning:hover {
  background: #f0851c;
}

.form_output label {
  font-weight: 700;
  color: #111;
}
.form_output .output-item {
  font-weight: 400;
  color: #5a19d9;
}
.form_output .output-item .sub-inner {
  display: inline-block;
  margin-right: .5rem;
}

/* `Tabs
-----------------------------------------------------------------------------*/
.col-block.block-tabs .nav-tabs {
  background-color: #f0f0f0;
  border: none;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
.col-block.block-tabs .nav-tabs > li {
  margin-bottom: 0;
}
.col-block.block-tabs .nav-tabs > li > a.active, .col-block.block-tabs .nav-tabs > li > a.active:hover, .col-block.block-tabs .nav-tabs > li > a.active:focus {
  background: #fff;
  border: none;
  color: #000;
}
.col-block.block-tabs .nav-tabs > li > a {
  display: block;
  border-radius: 0;
  border: none;
  margin-right: 0;
  padding: 0.9375rem;
  line-height: 20px;
  color: #888;
}
.col-block.block-tabs .nav-tabs > li > a:hover {
  border: none;
  color: #0875ae;
}
.col-block.block-tabs .nav-tabs > li.active > a {
  color: #333;
}
.col-block.block-tabs .block-options.flex {
  flex: 1 1 auto;
  justify-content: flex-end;
  padding-top: 12px;
}

/* `Slidebars
-----------------------------------------------------------------------------*/
[off-canvas] {
  background-color: #222a2e;
  color: white;
}

.slidebar .slidebar-title {
  border-bottom: 1px solid #0c0f11;
  padding: 1.2rem 1rem 0 2rem;
  min-height: 60px;
}
.slidebar .accordion .card {
  background-color: transparent;
  border-bottom: none;
}
.slidebar .accordion .card .fa {
  position: absolute;
  top: 1.05rem;
  left: 1rem;
}
.slidebar .accordion .card-header, .slidebar .accordion .card-body {
  color: #fff;
}
.slidebar .accordion .card-header a, .slidebar .accordion .card-body a {
  transition: all .2s ease-in-out;
  display: block;
  color: inherit;
}
.slidebar .accordion .card-header a:hover, .slidebar .accordion .card-body a:hover {
  background: rgba(0, 0, 0, 0.2);
}
.slidebar .accordion .card-header {
  padding: 0;
}
.slidebar .accordion .card-header a {
  padding: 0.75rem 1rem 0.75rem 2rem;
  position: relative;
  opacity: 1;
}
.slidebar .accordion .card-header a.collapsed {
  opacity: 0.7;
}
.slidebar .accordion .card-header a.collapsed:hover {
  opacity: 1;
}
.slidebar .accordion .card-body {
  padding: 0.75rem 1rem 0.75rem 2rem;
}
.slidebar .accordion ul.card-body {
  padding: 0;
  padding-top: 0;
  margin: 0;
  list-style: none;
}
.slidebar .accordion ul.card-body a {
  padding: 0.5rem 1rem 0.5rem 2rem;
  font-size: 1rem;
  line-height: 1.3;
  opacity: 0.6;
}
.slidebar .accordion ul.card-body a:hover {
  opacity: 0.9;
}
.slidebar .accordion .card .card-header a:not(.collapsed) .rotate-icon {
  transform: rotate(90deg);
}

/* `Quick Nav Column
-----------------------------------------------------------------------------*/
.partner-avatar {
  margin-bottom: 2rem;
  text-align: center;
}
.partner-avatar img {
  margin-bottom: 1.5rem;
  width: 100%;
  max-width: 256px;
}

.partner-info {
  margin-bottom: 2rem;
}

.quick-nav li {
  margin-right: 1.25%;
  width: 32.5%;
  text-align: center;
}
.quick-nav li:last-child {
  margin-right: 0;
}
.quick-nav a {
  display: block;
  border-top: 4px solid #000;
  padding: 0.9375rem 0;
}
.quick-nav a:hover {
  background: #f5f5f5;
}
.quick-nav .primary a {
  border-color: #2564c0;
  color: #2564c0;
}
.quick-nav .info a {
  border-color: #25c0be;
  color: #25c0be;
}
.quick-nav .secondary a {
  border-color: #c0259d;
  color: #c0259d;
}

.items, .items li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.items-nav li {
  border-bottom: 1px dashed #e5e5e5;
}
.items-nav li:last-child {
  border: none;
}
.items-nav a {
  display: block;
  padding: 8px;
}

/* `Accordion
-----------------------------------------------------------------------------*/
.profile-nav ul, .profile-nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.profile-nav .menu-item {
  border-bottom: 1px dashed #e5e5e5;
}
.profile-nav .menu-item:last-child {
  border-bottom: none;
}
.profile-nav .menu-item.current .btn {
  font-weight: bold;
  color: #000 !important;
}
.profile-nav .menu-item.completed .btn {
  padding-left: 2.5rem;
  position: relative;
  color: #28a745 !important;
}
.profile-nav .menu-item.completed .btn:after {
  font-family: 'FontAwesome';
  content: "\f00c";
  position: absolute;
  left: .5rem;
  top: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #28a745;
}
.profile-nav .btn {
  display: block;
  border-radius: 0;
  margin: 0;
  padding: .75rem 0 .75rem .25rem;
  width: 100%;
  font-size: 16px;
  text-align: left;
  color: #999 !important;
  text-transform: none;
  text-decoration: none;
}
.profile-nav .btn:hover, .profile-nav .btn:focus {
  text-decoration: none;
}
.profile-nav .has-sub .btn {
  padding-right: 2rem;
}
.profile-nav .has-sub .btn:before {
  font-family: 'FontAwesome';
  content: "\f106";
  float: right;
  transition: all 0.1s;
}
.profile-nav .btn.collapsed:before {
  transform: rotate(180deg) !important;
}
.profile-nav .sub-menu {
  padding: 0 0 1.25rem 2.5rem;
  font-size: 16px;
}
.profile-nav .sub-menu a {
  display: block;
  padding: 5px 0;
  color: #aaa;
}
.profile-nav .sub-menu a:hover {
  text-decoration: none;
}
.profile-nav .sub-menu .completed a {
  color: #333;
}
.profile-nav .sub-menu .current a {
  font-weight: bold;
  color: #000;
}
.profile-nav .btn-link.focus,
.profile-nav .btn-link:focus,
.profile-nav .btn-link:hover {
  background-color: #f4f9f8;
}

/* `Datatables Toolbar
-----------------------------------------------------------------------------*/
select.browser-default {
  padding-right: 1.5rem !important;
}

.dt-toolbar {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dashed #d1d5d9;
  padding-top: .75rem;
  padding-bottom: .75rem;
}
.dt-toolbar .dt-toolbar-r {
  text-align: right;
}
.dt-toolbar select.browser-default {
  padding: 5px;
}
.dt-toolbar .form-select.dt-form-select {
  border-color: #e5e5e5;
  height: calc(2rem + -1px);
  line-height: 1.2;
  font-size: 0.9375rem;
  position: relative;
  top: 1px;
}
.dt-toolbar .dropdown .dropdown-toggle {
  box-shadow: none;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  padding: 0.275rem 0.75rem;
  text-transform: none;
  font-size: 0.975rem;
  position: relative;
  top: 4px;
}
.dt-toolbar .dropdown .dropdown-toggle:active, .dt-toolbar .dropdown .dropdown-toggle:focus {
  background-color: #fff !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.dt-toolbar .btn {
  border: none !important;
}
.dt-toolbar .btn.btn-white {
  border: 1px solid #e5e5e5 !important;
  padding: 0.25rem 0.75rem;
  color: #333 !important;
  text-transform: none;
}
.dt-toolbar .btn.btn-white:active, .dt-toolbar .btn.btn-white:focus {
  background-color: #fff !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.dt-toolbar .btn.btn-white[data-mdb-toggle="collapse"][aria-expanded="true"] {
  background-color: #333 !important;
  border: 1px solid #333;
  color: #fff !important;
}
.dt-toolbar .form-control.form-control-sm {
  border-radius: 0.25rem;
  border-color: #e5e5e5;
  padding: 0.125rem 0.5rem !important;
  font-size: 0.9375rem;
  line-height: 1.6;
  position: relative;
  top: 1px;
}
.dt-toolbar .toolbar-search-wrap {
  position: relative;
}
.dt-toolbar .toolbar-search-wrap .toolbar-search {
  padding: .125rem 2.5rem .188rem .5rem !important;
}
.dt-toolbar .btn-search-remove {
  background-color: transparent;
  box-shadow: none;
  margin: 0;
  padding: 0.25rem 0.75rem;
  color: #e22d2d;
  position: absolute;
  right: 0;
  top: 1px;
}
.dt-toolbar .btn-search-remove:hover, .dt-toolbar .btn-search-remove:active {
  box-shadow: none;
  color: #c11b1b;
}
.dt-toolbar.dt-toolbar-stick {
  border-bottom: none;
  padding-bottom: 0;
}
.dt-toolbar .form-check {
  margin: 0;
  padding: .125rem 0 0 0;
  min-height: auto;
}
.dt-toolbar .form-check .form-check-input {
  margin: 0;
  width: 1rem;
  height: 1rem;
}
.dt-toolbar .form-check .form-check-input:after {
  margin-top: 1px;
  width: 0.313rem;
  height: 0.5rem;
}

.dttoolbar-collapse {
  background: #f8f8f8;
  border: 1px dashed #d1d5d9;
  border-top: none;
  position: relative;
}
.dttoolbar-collapse:after {
  content: "";
  border-radius: 3rem 3rem 3rem 3rem;
  box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.4), 0 0 1.25rem rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 1.25rem;
  right: 40px;
  bottom: 1.25rem;
  left: 40px;
  z-index: -1;
  animation: collapseShadow 1s ease-out forwards;
}
.dttoolbar-collapse .collapse-inner {
  padding: 2rem 1.25rem 1.25rem;
}
.dttoolbar-collapse .nav-tabs .nav-link.active, .dttoolbar-collapse .nav-tabs .nav-item.show .nav-link {
  background: #f8f8f8;
  border-color: #dee2e6 #dee2e6 #f8f8f8;
}
.dttoolbar-collapse .nav-tabs {
  border-color: #dee2e6;
  margin-bottom: 0;
}
.dttoolbar-collapse .continent {
  display: none;
}
.dttoolbar-collapse .form-action {
  border-top: 1px solid #dee2e6;
  padding-top: 1rem;
}
.dttoolbar-collapse .nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.dttoolbar-collapse .nav-tabs .nav-link {
  margin-bottom: -1px;
  background: 0 0;
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}
.dttoolbar-collapse .nav-tabs .nav-link.active {
  font-weight: bold;
  color: #000;
  border-color: #dee2e6 #dee2e6 #f8f8f8;
}
.dttoolbar-collapse .multiple-select {
  width: 100%;
}
.dttoolbar-collapse .ms-choice {
  border-color: #bdbdbd;
  padding: 0.375rem 0.75rem;
  min-height: 39px;
}
.dttoolbar-collapse .ms-choice > span {
  padding: 0.375rem 0.75rem;
}
.dttoolbar-collapse .ms-choice > span.placeholder {
  opacity: 0;
}

@keyframes collapseShadow {
  0% {
    right: 40px;
    left: 40px;
  }
  100% {
    right: 5px;
    left: 5px;
  }
}
.block-content.expansion .dataTables_wrapper {
  padding-bottom: 1.25rem;
}
.block-content.expansion .dataTables_wrapper .dataTables_length,
.block-content.expansion .dataTables_wrapper .dataTables_info {
  padding-left: 1.25rem;
}
.block-content.expansion .dataTables_wrapper .dataTables_filter,
.block-content.expansion .dataTables_wrapper .dataTables_paginate {
  padding-right: 1.25rem;
}
.block-content.expansion .dt-toolbar {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.block-content.expansion .dt-toolbar .btn .fa {
  margin-right: 0;
}

table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting:before, table.dataTable thead .sorting:after {
  bottom: 1.25rem;
}
table.dataTable thead th.align-right.sorting {
  padding-right: 30px;
}

select.select-hasadd {
  border-radius: 0.25rem 0 0 0.25rem;
}

.btn.btn-selectadd {
  border-radius: 0 3px 3px 0;
  box-shadow: none;
  margin: -3px 0 0 -4px;
  padding: 0.6rem 1rem;
}

.selected-wrapper {
  background: #fff;
  border-radius: 0.25rem;
  border: 1px solid #dee2e6;
  margin-top: 0.5rem;
  padding: 1rem 4rem 1rem 1rem;
  min-height: 3rem;
  position: relative;
}
.selected-wrapper .selected-item {
  margin-right: 3%;
  margin-bottom: 0.75rem;
  padding-left: 2.5rem;
  width: 30%;
  min-height: 1.5rem;
  line-height: 1.5rem;
  position: relative;
}
.selected-wrapper .selected-item .selected-delete {
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.selected-wrapper .selected-inner {
  display: flex;
  flex-wrap: wrap;
  font-size: 1rem;
}
.selected-wrapper .selected-inner.width-auto .selected-item {
  width: auto;
}

.btn.btn-clean {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f8f8f8 !important;
  border-radius: 0 0.25rem 0.25rem 0;
  border-left: 1px solid #dee2e6;
  box-shadow: none;
  margin: 0;
  width: 4rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.btn.btn-clean .fa {
  color: red;
}
.btn.btn-clean:hover {
  background-color: #eee !important;
}

.selected-delete {
  background: #ddd;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0;
  margin: 0.5rem;
  overflow: hidden;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.3rem;
  text-align: center;
  color: #fff;
}
.selected-delete .fa {
  font-size: 0.75rem;
  line-height: 1.5rem;
}
.selected-delete:hover .fa {
  color: #333;
}

.portlet-wrapper {
  display: flex;
}
.portlet-wrapper .portlet-box {
  width: 40%;
}
.portlet-wrapper .portlet-box .portlet-bd {
  height: 250px;
  position: relative;
  overflow: hidden;
}
.portlet-wrapper .portlet-box .portlet-hd {
  background: #f7f7f7;
  padding: 0.5rem 0;
  text-align: center;
  font-weight: bold;
}
.portlet-wrapper .scrollbar-inner {
  height: 250px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.portlet-wrapper .scrollbar-inner .menu-item {
  margin: 0.75rem 1rem 1rem;
}
.portlet-wrapper .dd-item {
  margin: 0.3125rem 0;
}
.portlet-wrapper .dd-item .dd-handle {
  background: #f5f5f5;
  border-radius: 3px;
  border: 0px solid #dee2e6;
  padding: 0.3125rem 0.3125rem 0.1875rem 2.5rem;
  position: relative;
  transition: all 0.25s ease;
}
.portlet-wrapper .dd-item .dd-handle:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  cursor: move;
}
.portlet-wrapper .dd-item .dd-handle:before, .portlet-wrapper .dd-item .dd-handle:after {
  transition: all 0.25s ease;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.portlet-wrapper .dd-item .dd-handle:before {
  content: "";
  border-radius: 3px 0 0 3px;
  background: #565656;
  width: 28px;
}
.portlet-wrapper .dd-item .dd-handle:after {
  content: "\f047";
  font-family: "FontAwesome";
  font-size: 0.625rem;
  color: #fff;
  left: 9px;
  top: 25%;
}
.portlet-wrapper .portlet-action {
  width: 20%;
}
.portlet-wrapper .portlet-action .portlet-hd {
  border-left: 1px solid #e9edf1;
  border-right: 1px solid #e9edf1;
}
.portlet-wrapper .portlet-action .portlet-bd {
  border: 1px solid #dee2e6;
  padding: 0;
}
.portlet-wrapper .portlet-action .portlet-bd .btn {
  border-radius: 0;
  padding: 0.8125rem 2.14rem;
}
.portlet-wrapper .portlet-action .portlet-bd .btn + .btn {
  margin-top: 0 !important;
}
.portlet-wrapper .portlet-selected .portlet-hd {
  border-top-left-radius: 5px;
}
.portlet-wrapper .portlet-selected .portlet-bd {
  border-bottom-left-radius: 5px;
  border: 1px solid #dee2e6;
  border-right: none;
}
.portlet-wrapper .portlet-unselected .portlet-hd {
  border-top-right-radius: 5px;
}
.portlet-wrapper .portlet-unselected .portlet-bd {
  border-bottom-right-radius: 5px;
  border: 1px solid #dee2e6;
  border-left: none;
}
.portlet-wrapper .portlet-unselected .dd-handle:hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.portlet-wrapper .portlet-unselected .dd-handle:before {
  background: #aaa;
}

.modal_sortblock {
  display: flex;
  align-items: center;
  background: #f8f8f8;
  border-radius: 3px;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
}
.modal_sortblock .num {
  width: 5%;
  text-align: center;
}
.modal_sortblock .sort-select {
  margin-right: 2%;
  width: 73%;
}
.modal_sortblock .sort-by {
  width: 25%;
}

.template-search {
  display: flex;
  justify-content: space-between;
}
.template-search .template-introduction {
  color: #5b656d;
}
.template-search .template-introduction .fa {
  display: inline-block;
  margin-right: 0.5rem;
  color: #2eadd1;
}
.template-search .condition-warp {
  width: 740px;
}
.template-search .template-warp {
  width: 330px;
}
.template-search .condition-bar {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  width: 100%;
}
.template-search .condition-bar .select-box {
  margin-right: 0.375rem;
}
.template-search .condition-column {
  display: flex;
}
.template-search .action-box .btn {
  margin: 0;
  padding: 0.5rem 1.25rem;
  font-size: 0.9375rem;
}
.template-search .condition-result {
  position: relative;
}
.template-search .condition-table {
  width: 99%;
}
.template-search .condition-table tr:first-child td {
  border-top: none;
}
.template-search .condition-table td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.template-search .action-delete {
  width: 40px;
  text-align: center;
}
.template-search .action-delete a {
  color: red;
}
.template-search .action-delete a:hover {
  color: #bb0c0c;
}
.template-search .condition-one {
  width: 50px;
}
.template-search .condition-three {
  width: 60px;
}
.template-search .condition-two {
  width: 140px;
}
.template-search .scrollbar-inner {
  height: 360px;
}

.modal-body .condition-save {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  width: 740px;
  height: 38px;
}
.modal-body .input-template {
  display: none;
  margin-left: 1rem;
}
.modal-body .input-template.show {
  display: block;
}

/* `Metronic button style
-----------------------------------------------------------------------------*/
.btn-metronic {
  box-shadow: none;
  border-radius: 3px;
  background-color: transparent !important;
  border: 1px solid #ddd;
  font-size: 1rem;
  color: #000;
}
.btn-metronic:hover, .btn-metronic:active, .btn-metronic:focus {
  box-shadow: none;
}
.btn-metronic.metronic-primary {
  border-color: #5d78ff;
  color: #5d78ff;
}
.btn-metronic.metronic-primary:hover {
  background-color: #5d78ff !important;
  color: #fff;
}
.btn-metronic.metronic-success {
  border-color: #0abb87;
  color: #0abb87;
}
.btn-metronic.metronic-success:hover {
  background-color: #0abb87 !important;
  color: #fff;
}
.btn-metronic.metronic-warning {
  border-color: #ffb822;
  color: #ffb822;
}
.btn-metronic.metronic-warning:hover {
  background-color: #ffb822 !important;
  color: #000;
}
.btn-metronic.metronic-danger {
  border-color: #fd397a;
  color: #fd397a;
}
.btn-metronic.metronic-danger:hover {
  background-color: #fd397a !important;
  color: #fff;
}
.btn-metronic.btn {
  font-size: 1rem;
}
.btn-metronic.btn-sm {
  font-size: 0.875rem;
}
.btn-metronic.btn-lg {
  font-size: 1.125rem;
}

/* `Profile
-----------------------------------------------------------------------------*/
.profile-sidebar {
  float: left;
  width: 300px;
}
.profile-sidebar .col-block {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}
.profile-sidebar .profile-side_accordion ul, .profile-sidebar .profile-side_accordion li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.profile-sidebar .profile-side_accordion .menu-item {
  border-bottom: 1px solid #fafafa;
}
.profile-sidebar .profile-side_accordion .menu-item:last-child {
  border-bottom: none;
}
.profile-sidebar .profile-side_accordion .menu-item.current .btn {
  background: #f6f9fb;
  border-color: #4285f4;
  font-weight: bold;
  color: #000 !important;
}
.profile-sidebar .profile-side_accordion .btn {
  border-radius: 0;
  display: block;
  border: none;
  border-left: 2px solid #fff;
  margin: 0;
  padding: 12px 1.25rem;
  width: 100%;
  font-size: 16px;
  text-align: left;
  color: #666 !important;
  text-transform: none;
  text-decoration: none;
}
.profile-sidebar .profile-side_accordion .btn:hover, .profile-sidebar .profile-side_accordion .btn:focus {
  background: #fafcfd;
  border-color: #fafcfd;
  color: #111 !important;
}
.profile-sidebar .profile-side_accordion .has-sub .btn {
  padding-right: 30px;
}
.profile-sidebar .profile-side_accordion .has-sub .btn:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f106";
  float: right;
  transition: all 0.1s;
}
.profile-sidebar .profile-side_accordion .btn.collapsed:before {
  transform: rotate(180deg) !important;
}
.profile-sidebar .profile-side_accordion .current .panel-collapse {
  background: #fafcfd;
}
.profile-sidebar .profile-side_accordion .current .panel-collapse .sub-current a {
  background: #f0fbfa;
}
.profile-sidebar .profile-side_accordion .sub-menu {
  border-top: 1px solid #fff;
  font-size: 15px;
}
.profile-sidebar .profile-side_accordion .sub-menu a {
  display: block;
  border-bottom: 1px solid #fff;
  padding: 0.375rem 2rem;
  color: #666;
}
.profile-sidebar .profile-side_accordion .sub-menu a:hover {
  background: #f0fbfa;
  color: #111;
  text-decoration: none;
}
.profile-sidebar .profile-side_accordion .sub-menu .sub-current a {
  background: #fafcfd;
}
.profile-sidebar .list-separated {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eaeef2;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.profile-sidebar .list-separated .separated-part {
  padding: 0 5%;
  width: 33.333%;
  text-align: center;
}
.profile-sidebar .list-separated .separated-part span {
  display: block;
}
.profile-sidebar .profile-stat-title {
  font-size: 1.75rem;
}
.profile-sidebar .profile-stat-text {
  font-size: 0.8125rem;
  color: #888;
}
.profile-sidebar .profile-desc-link {
  margin-bottom: 0.5rem;
}
.profile-sidebar .profile-desc-link .fa {
  width: 1.25rem;
  color: #abb6c4;
  text-align: center;
}

.profile-content {
  overflow: hidden;
  margin-left: 320px;
}

.profile-avatar {
  margin: 1rem 0 0;
  text-align: center;
}
.profile-avatar .avatar {
  border-radius: 50%;
  margin-bottom: 1.5rem;
  width: 100%;
  max-width: 160px;
}
.profile-avatar .scrap-name {
  padding-bottom: 1rem;
  position: relative;
}
.profile-avatar .scrap-name:after {
  background: #f80;
  width: 10%;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.profile-avatar .scrap-name span {
  display: block;
}
.profile-avatar .scrap-info {
  padding: 1rem 0 2rem;
}
.profile-avatar .scrap-info .fa-university {
  font-size: 1.125rem;
  color: #ddd;
}
.profile-avatar .scrap-info .school {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 1.125rem;
}
.profile-avatar .scrap-info .department, .profile-avatar .scrap-info .grade {
  font-size: 1rem;
  color: #888;
}
.profile-avatar .scrap-name + .scrap-info {
  padding-top: 0;
}
.profile-avatar.no-avatar {
  padding-top: 1rem;
}
.profile-avatar.no-avatar .en-school {
  font-size: 1.125rem;
  font-weight: 300;
  color: #888;
}
.profile-avatar .scrap {
  border-bottom: 1px solid #eaeef2;
  padding: 0 1.25rem;
}
.profile-avatar .scrap .h4 {
  margin-bottom: 0.25rem;
  font-size: 1.75rem;
  font-weight: bold;
  color: #111;
}
.profile-avatar .scrap .h5 {
  color: #aaa;
}
.profile-avatar .scrap .h6 {
  font-weight: 400;
  color: #aaa;
}
.profile-avatar .upload-wrap .avatar-field {
  background: url("../assets/default.png") left top no-repeat;
  background-size: cover;
  border-radius: 50%;
  margin: 0 auto 1.5rem;
  width: 160px;
  height: 160px;
}

/* `WorkFlow
-----------------------------------------------------------------------------*/
.workflow-guide {
  width: 100%;
}
.workflow-guide .guide-item {
  display: block;
  margin-bottom: 1.25rem;
  position: relative;
  /*
  a {
  	display: block;
  	background: $blue;
  	padding: 1rem 1.125rem;
  	font-size: 1rem;
  	text-align: center;
  	color: #fff;
  	&:hover { background: darken($blue, 5); }
  }
  */
}
.workflow-guide .guide-item:after {
  content: "\f175";
  margin-left: -6px;
  font: normal normal normal 14px/1 FontAwesome;
  color: #aaa;
  position: absolute;
  left: 50%;
  bottom: -1.125rem;
  z-index: 2;
}
.workflow-guide .guide-item:last-child:after {
  content: none;
}
.workflow-guide .guide-item .btn {
  margin-bottom: 0;
}

/* `fancybox
-----------------------------------------------------------------------------*/
.sl-wrap {
  margin-top: 1rem;
}
.sl-wrap figure a {
  display: inline-block;
  background-color: #eee;
  border-radius: 0.25rem;
  width: 320px;
  height: 180px;
  overflow: hidden;
}
.sl-wrap figure a img {
  width: 100%;
  height: auto;
}

.files-well a {
  display: inline-block;
  border-radius: 0.5rem;
  background: #f8f8f8;
  margin-right: 0.375rem;
  margin-bottom: 0.5rem;
  padding: 0.375rem 0.75rem 0.375rem 2.25rem;
  color: #666;
  position: relative;
}
.files-well a:after {
  content: "\f0ed";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 0.75rem;
  top: 0.75rem;
  transition: all 0.2s ease-in-out;
}
.files-well a:hover {
  background: #fafafa;
  color: #0875ae;
}

/* `Form list
-----------------------------------------------------------------------------*/
.form-index .btn {
  margin: 0;
}
.form-index .menu-item {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.25rem;
}
.form-index .form-item {
  margin-right: 1.25%;
  margin-bottom: 1.25rem;
  width: 32.5%;
}
.form-index .form-item:nth-child(3n) {
  margin-right: 0;
}
.form-index .form-card {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.form-index .card-bd {
  border-bottom: 1px solid #dee2e6;
  padding: 1.25rem;
}
.form-index dt {
  float: left;
  margin-right: .75rem;
}
.form-index dd {
  border-bottom: 1px dashed #ddd;
  padding-bottom: .5rem;
}
.form-index .card-ft {
  display: flex;
  justify-content: space-between;
}
.form-index .data-block {
  width: 50%;
}
.form-index .data-block:first-child {
  border-right: 1px solid #dee2e6;
}
.form-index .data-block a {
  display: block;
  background: #f4f6f7;
  padding: 1rem 0 1rem 4rem;
  position: relative;
  color: #e64094;
}
.form-index .data-block a:after {
  content: "\f1c0";
  font: normal normal normal 2.125rem/1 FontAwesome;
  color: #aebac5;
  position: absolute;
  left: 1.25rem;
  top: 1.125rem;
  transition: all 0.2s ease-in-out;
}
.form-index .data-block a h6 {
  margin-bottom: 0;
  font-weight: 700;
  color: #000;
  transition: all 0.2s ease-in-out;
}
.form-index .data-block a:hover {
  background: #fbfdff;
  color: #c836ec;
}
.form-index .data-block a:hover h6 {
  color: #777;
}
.form-index .data-block a:hover:after {
  color: #ced4da;
}

/* inbox on modal (因為層級順序放後面)
-----------------------------------------------------------------------------*/
/* `Inbox
-----------------------------------------------------------------------------*/
.mail-content {
  margin: -1rem -1rem 0;
}

.mail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #eee;
  padding: 1rem;
}
.mail-header .mail-breadcrumb h4 {
  font-size: 1.5rem;
  margin-bottom: 0;
}
.mail-header .mail-breadcrumb .originate {
  display: inline-block;
  padding-right: 0.75rem;
  color: #999;
}
.mail-header .mail-links {
  text-align: right;
}
.mail-header .mail-links .custom-select {
  position: relative;
  top: 2px;
}

.mail-compose {
  padding: 0.5rem 1.25rem 0;
}
.mail-compose .form-group {
  border-bottom: 1px solid #edf1f5;
}
.mail-compose .form-group:focus {
  border-bottom: 1px solid #000;
}
.mail-compose .form-group.last {
  border: 0;
}
.mail-compose .row {
  margin: 0;
}
.mail-compose .form-group, .mail-compose [class*="col-"], .mail-compose .select-wrapper input.select-dropdown {
  margin-bottom: 0;
}
.mail-compose .col-form-label {
  font-weight: bold;
  color: #888;
  text-align: right;
}
.mail-compose .md-form {
  margin: 0;
}
.mail-compose .form-control {
  border-radius: 0;
  border-width: 0;
  padding-left: 0;
  padding-right: 0;
}
.mail-compose .form-control:focus {
  box-shadow: none;
}
.mail-compose .md-form input[type="text"]:not(.browser-default) {
  border-bottom: 0;
}
.mail-compose [class*="col-"] {
  position: relative;
}
.mail-compose .col-sm-10 {
  padding-right: 0;
}
.mail-compose .field-options {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.mail-compose .field-options .btn {
  background-color: #f2f2f2;
  box-shadow: none;
  margin-left: 0;
  margin-right: 0;
  color: #999;
}
.mail-compose .btn {
  border-radius: 0.375rem;
  box-shadow: none;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.mail-compose .form-select {
  border-radius: 0;
  border-color: #edf1f5;
  border-width: 0 0 0 1px;
  padding: .5rem 2.25rem .375rem 0.75rem;
}
.mail-compose .form-select:focus {
  background-color: #f5f5f5;
  border-color: #edf1f5;
  box-shadow: none;
}
.mail-compose .select_add-wrap {
  display: flex;
}
.mail-compose .select_add-wrap .form-select {
  width: 93%;
}
.mail-compose .select_add-wrap .btn {
  border-radius: 0;
  margin: 0;
  width: 7%;
}

.editor-wrapper {
  padding: 1.25rem;
}

.editor-files-wrapper {
  padding: 0 1.25rem;
}
.editor-files-wrapper .file-upload {
  display: inline-block;
  position: relative;
}
.editor-files-wrapper .file-upload .file-input {
  display: none;
}
.editor-files-wrapper .file-upload .file-label {
  border-radius: 50%;
  background: #eee;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
}
.editor-files-wrapper .editor-files-inner {
  margin-bottom: 0.25rem;
}
.editor-files-wrapper .editor-files-inner .custom-file {
  display: inline-block;
  width: auto;
}
.editor-files-wrapper .file-wrapper {
  display: flex;
  align-items: center;
  background: #f7f7f7;
  border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
  margin-right: 0.5rem;
  color: #666;
}
.editor-files-wrapper .file-wrapper.exhibit {
  padding: 0.3125rem 0.75rem 0.3125rem 0.75rem;
}
.editor-files-wrapper .file-name a {
  display: block;
  background: #f1f1f1;
  border-radius: 0.75rem 0 0 0.75rem;
  padding: 0 0.5rem 0 0.5rem;
  color: #666;
  height: 32px;
  line-height: 32px;
}
.editor-files-wrapper .file-name a .fa {
  margin-right: 0.25rem;
  color: #ccc;
  transition: all 0.2s ease-in-out;
}
.editor-files-wrapper .file-name a:hover {
  background: #ddd;
  color: #111;
}
.editor-files-wrapper .file-name a:hover .fa {
  color: #aaa;
}
.editor-files-wrapper .btn-cancel {
  display: block;
  border-radius: 0 0.75rem 0.75rem 0;
  border-left: 1px solid #ebebeb;
  box-shadow: none;
  background-color: #f7f7f7;
  margin: 0;
  padding: 0 0.75rem 0 0.75rem;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #ccc;
}
.editor-files-wrapper .btn-cancel:hover {
  color: #333;
}
.editor-files-wrapper .btn-cancel .fa {
  margin-right: 0;
}

.modal_addressee.scrollbar-inner {
  overflow: hidden;
  max-height: 620px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.modal-addressee-list li {
  border-bottom: 1px dashed #ddd;
  padding: 0.25rem 0 !important;
}
.modal-addressee-list li span {
  color: #999;
}
.modal-addressee-list li:hover {
  background: #fffde7;
}

.mail-operating-header {
  background: #3D4549;
  border-bottom: 1px solid #e9ecef;
  display: flex;
  justify-content: space-between;
  padding: 0;
}
.mail-operating-header .btn-previous, .mail-operating-header .btn-next, .mail-operating-header .btn-list {
  box-shadow: none;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: 50px;
  line-height: 50px;
}
.mail-operating-header .btn-previous, .mail-operating-header .btn-next {
  background-color: transparent;
  color: #fff;
}
.mail-operating-header .btn-previous:hover, .mail-operating-header .btn-next:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.mail-operating-header .btn-previous {
  border-right: 1px solid #535B5F;
}
.mail-operating-header .btn-next {
  border-left: 1px solid #535B5F;
}
.mail-operating-header .operating-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mail-operating-header .btn-list {
  background-color: transparent;
  border-left: 1px solid #2B3337;
  border-right: 1px solid #2B3337;
  color: #aaa;
}
.mail-operating-header .btn-list:hover {
  color: #fff;
}
.mail-operating-header .btn-list .fa {
  font-size: 14px;
}

select.operating-select {
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 10px 12px;
  border-radius: 0;
  border: none;
  padding-right: 2rem !important;
  height: calc(2.75rem + 2px);
  font-size: 1.25rem;
  color: #fff;
}
select.operating-select option {
  font-size: 15px;
  color: #333;
}
select.operating-select:focus {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: none;
  border-color: #2B3337;
}

.integral-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin: -1rem -1rem 0;
  padding: 1rem;
}
.integral-head .integral-search {
  display: inline-block;
  border-left: 1px solid #dee2e6;
  margin-left: 1rem;
  padding-left: 1.5rem;
}

.modal_addressee_table .table {
  margin-bottom: 0;
}
.modal_addressee_table .table td {
  vertical-align: middle;
}
.modal_addressee_table .table .btn-group .btn {
  padding: 0.25rem 0.5rem 0.2rem;
  font-size: 0.8125rem;
}
.modal_addressee_table .table .btn-me {
  box-shadow: none;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
  margin: 0;
  padding: 0.25rem 0.5rem 0.2rem;
  font-size: 0.8125rem;
}
.modal_addressee_table .table .btn-me:hover {
  border-color: #666;
}
.modal_addressee_table .table .btn-loading, .modal_addressee_table .table .btn-loading:hover {
  background-color: transparent;
  border: 0;
  width: 68px;
  cursor: default;
}
.modal_addressee_table .table .btn-loading .spinner, .modal_addressee_table .table .btn-loading:hover .spinner {
  width: 16px;
  height: 16px;
}
.modal_addressee_table .table .custom-control-label:before {
  background-color: #fff;
  border: 1px solid #adb5bd;
}
.modal_addressee_table .table .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #007bff;
}
.modal_addressee_table table.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.tmw-40 {
  max-width: 400px;
}

.tmw-16 {
  max-width: 160px;
}

.tmw-8 {
  max-width: 80px;
}

/* `Loading animation
-----------------------------------------------------------------------------*/
.spinner {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@keyframes colors {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #DE3E35;
  }
  50% {
    stroke: #F7C223;
  }
  75% {
    stroke: #1B9A59;
  }
  100% {
    stroke: #4285F4;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
/* `NTU BIGGER
-----------------------------------------------------------------------------*/
.table th, .table td {
  font-size: 0.9375rem;
}

/* `Customized
-----------------------------------------------------------------------------*/
.tigp-header {
  display: flow-root;
}
.tigp-header .custom-select {
  border-radius: 0.25rem 0 0 0.25rem;
}
.tigp-header .btn.btn-angel {
  border-radius: 0 0.25rem 0.25rem 0;
}

/*# sourceMappingURL=backend.css.map */