@import "https://fonts.googleapis.com/css?family=Open+Sans";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
  font-family: 'FontAwesome';
  src: url("/Static/CSS/fonts/fontawesome/fontawesome-webfont.eot?v=4.6.3");
  src: url("/Static/CSS/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("/Static/CSS/fonts/fontawesome/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("/Static/CSS/fonts/fontawesome/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("/Static/CSS/fonts/fontawesome/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("/Static/CSS/fonts/fontawesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%;
}

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

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

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

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

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

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

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

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

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

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

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

.fa.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right {
  margin-left: .3em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.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(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

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

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

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

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

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

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

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

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

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

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

.fa-inverse {
  color: #fff;
}

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

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

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

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

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

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

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

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

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

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

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

.fa-trash-o:before {
  content: "\f014";
}

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

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

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

.fa-road:before {
  content: "\f018";
}

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

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

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

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

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

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

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

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

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

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

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

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

.fa-print:before {
  content: "\f02f";
}

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

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

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

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

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

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

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

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

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

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

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

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

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

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

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

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

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

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

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

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

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

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

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-times-circle-o:before {
  content: "\f05c";
}

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

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

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

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

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

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

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

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

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

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

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

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

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

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

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

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

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

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

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

.fa-plane:before {
  content: "\f072";
}

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

.fa-random:before {
  content: "\f074";
}

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

.fa-magnet:before {
  content: "\f076";
}

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

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

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

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

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

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

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

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

.fa-twitter-square:before {
  content: "\f081";
}

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

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

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

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

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

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

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

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

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

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

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

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

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

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

.fa-square-o:before {
  content: "\f096";
}

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

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

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

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

.fa-unlock:before {
  content: "\f09c";
}

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

.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

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

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

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

.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

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

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

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

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

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

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

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

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

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

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

.fa-money:before {
  content: "\f0d6";
}

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

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

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

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

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

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}

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

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

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

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

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

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

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

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

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

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

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

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

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

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

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

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

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

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

.fa-medkit:before {
  content: "\f0fa";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

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

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

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

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

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

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

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

.fa-smile-o:before {
  content: "\f118";
}

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

.fa-meh-o:before {
  content: "\f11a";
}

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

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

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

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

.fa-terminal:before {
  content: "\f120";
}

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

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

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

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

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

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

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

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

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

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

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

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

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

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

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

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

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

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

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

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

.fa-unlock-alt:before {
  content: "\f13e";
}

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

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

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

.fa-rss-square:before {
  content: "\f143";
}

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

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

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

.fa-pencil-square:before {
  content: "\f14b";
}

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

.fa-share-square:before {
  content: "\f14d";
}

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

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

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

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

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

.fa-gbp:before {
  content: "\f154";
}

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

.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

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

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

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

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

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

.fa-stack-overflow:before {
  content: "\f16c";
}

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

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

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

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

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

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

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

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

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

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

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

.fa-windows:before {
  content: "\f17a";
}

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

.fa-linux:before {
  content: "\f17c";
}

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

.fa-skype:before {
  content: "\f17e";
}

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

.fa-trello:before {
  content: "\f181";
}

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

.fa-male:before {
  content: "\f183";
}

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

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

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

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

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

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

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

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

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

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

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

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

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

.fa-yahoo:before {
  content: "\f19e";
}

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

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

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

.fa-stumbleupon:before {
  content: "\f1a4";
}

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

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

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

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

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

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

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

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

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

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

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

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

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

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

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

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

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

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

.fa-soundcloud:before {
  content: "\f1be";
}

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

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

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

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

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

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}

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

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

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

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

.fa-vine:before {
  content: "\f1ca";
}

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

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

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

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

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}

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

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

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

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

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

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

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

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

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

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

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

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

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

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

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

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

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

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

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

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

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

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

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

.fa-trash:before {
  content: "\f1f8";
}

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

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

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

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

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

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

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

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

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

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

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

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

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

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

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

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

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

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

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

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

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

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

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

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

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

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

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

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

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

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

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

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

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

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

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

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

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

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

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

.fa-mouse-pointer:before {
  content: "\f245";
}

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

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

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

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

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

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

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

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

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

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

.fa-opera:before {
  content: "\f26a";
}

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

.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}

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

.fa-500px:before {
  content: "\f26e";
}

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

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

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

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

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

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

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

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

.fa-commenting-o:before {
  content: "\f27b";
}

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

.fa-vimeo:before {
  content: "\f27d";
}

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

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

.fa-reddit-alien:before {
  content: "\f281";
}

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

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

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

.fa-modx:before {
  content: "\f285";
}

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

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

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

.fa-pause-circle-o:before {
  content: "\f28c";
}

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

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

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

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

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

.fa-percent:before {
  content: "\f295";
}

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

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

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

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

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

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

.fa-volume-control-phone:before {
  content: "\f2a0";
}

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

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

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

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}

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

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

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

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

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

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

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

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

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

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

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

p {
  margin-bottom: 1em;
  padding: 0;
}

main {
  flex: 1 0 auto;
  margin-top: 60px;
  min-height: 600px;
}

footer nav {
  flex-shrink: 0;
}

html {
  height: 100%;
}

body {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  font: 16px/1.5 "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  min-height: 100%;
  position: relative;
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 1.3rem !important;
  margin-bottom: 0.5rem !important;
}

.panel.integration .panel-title i {
  color: #66CC33;
}

h1 {
  height: 48px;
  color: #4A4A4A;
  font-family: "Open Sans";
  font-size: 36px;
  font-weight: 600;
  line-height: 48px;
}

.bg-grey {
  background-color: #F9F9FB;
}

.vh-full {
  min-height: 100vh;
}

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

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

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

.no-collapse {
  min-width: 960px;
}

.container-fixed {
  margin: 0 auto;
  max-width: 960px;
}

.product-page main {
  margin-bottom: 0;
}

.product-page .logo-header {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 1em;
  margin-bottom: 2em;
}

.product-page .embed-responsive {
  margin: 2em 0 3em 0;
}

.product-page .img-responsive {
  margin: 0 auto;
}

.product-page .img-responsive.border {
  border: 1px solid #ccc;
}

.product-page .row.feature {
  margin-top: 30px;
}

.product-page .row.feature:last-of-type {
  margin-bottom: 30px;
}

.product-page .text-color {
  color: #16a4de;
  font-weight: 700;
}

.product-page ul.default-list {
  margin-bottom: 30px;
  padding: 0;
  margin-left: 20px;
}

.product-page ul.features-list {
  list-style-position: inside;
  margin: 0 0 2em -10px;
}

.product-page ul.features-list li {
  display: block;
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 1em;
}

.product-page ul.features-list li:before {
  background: #51B848;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 10px;
  position: absolute;
  left: 16px;
  color: #ffffff;
  padding-left: 5px;
}

.product-page .call-out {
  background: #fafafa;
  border: 1px solid #cccccc;
  margin: 1em 0 1em 0;
  padding: 1em;
}

.product-page .call-out h2 {
  font-weight: bold;
}

.product-page .call-out h3 {
  margin: 20px 0;
}

.product-page .action-page {
  margin: 2em 0;
}

.product-page .action-page a {
  margin-right: 1em;
}

.product-page .action-page a:last-child {
  margin-right: 0;
}

.product-page .background-fluid {
  background-color: #fafafa;
  border-top: 1px solid #ccc;
}

@media (max-width: 992px) {
  .product-page .background-fluid .container {
    padding: 0;
  }
}

.product-page fieldset {
  background: #fafafa;
  border: 1px solid #ccc;
  padding: 15px;
}

.product-page fieldset .form-group label {
  font-weight: bold;
}

.product-page fieldset .form-group input + label {
  font-weight: normal;
}

.product-page fieldset .form-group input[type=text] {
  width: 235px;
}

.product-page fieldset .form-group input[type=number] {
  width: 235px;
}

.product-page fieldset .form-group select {
  width: 230px;
}

.product-page .artez-basic-get-started {
  margin-top: 15px;
}

.product-page .artez-basic-get-started .form-group:first-of-type {
  margin-bottom: 0;
}

.product-page .artez-basic-get-started .form-group.processing-start-date {
  margin-bottom: 15px;
}

.product-page .artez-basic-get-started .form-group.processing-start-date input {
  margin-left: 20px;
}

.webinar {
  background: url("/Static/Images/Product/background-webinars.png") center center no-repeat;
  background-size: 100%;
  background-size: cover;
  -webkit-background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: 100%;
  -moz-background-size: cover;
}

.webinar h2 {
  color: #fff;
}

.webinar p {
  color: #fff;
}

.webinar .action-page {
  margin: 2em 0;
}

.webinar .action-page .btn {
  background: none;
  border: 1px solid #fff;
}

.webinar .action-page .btn:hover {
  background: none;
}

.carousel-control {
  width: 8%;
}

.carousel-control.left {
  background: none;
}

.carousel-control.right {
  background: none;
}

.image-responsive {
  width: 100%;
}

.carousel-message-title {
  font-size: 32px;
  margin: 0 0 .5em 0;
  text-shadow: 1px 2px #333;
}

.carousel-message-container {
  background: #19A6DF;
  height: 315px;
  padding-top: 30px;
}

.carousel-message-text {
  font-size: 20px;
  text-shadow: 1px 2px #333;
}

.carousel-image-container {
  padding-left: 100px;
}

.carousel-text-container {
  color: #fff;
  padding-right: 100px;
}

.widget {
  margin-bottom: 30px;
  position: relative;
}

.widget.sample {
  overflow: hidden;
  position: relative;
}

.widget .widget-controls a.control {
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  outline: none;
  width: 30px;
  height: 34px;
  text-align: center;
}

.widget .widget-controls a.control:hover {
  background: #1484b1;
}

.widget .widget-controls .dropdown-menu {
  margin: 0;
}

.widget .widget-controls .fa {
  padding-top: 11px;
}

.widget .single-metric {
  display: block;
  font-size: 36px;
  text-align: center;
  font-weight: 300;
  line-height: 5em;
}

.widget .alert-danger {
  background: #ffecec;
  border: 1px solid #f5aca6;
  border-radius: 2px;
  display: block;
  font-size: 14px;
  padding: 15px 10px;
  position: absolute;
  width: 80%;
  top: 55%;
  right: 50%;
  transform: translate(50%, -50%);
}

.widget .alert-warning {
  border-radius: 2px;
  display: block;
  font-size: 14px;
  margin-bottom: 0;
  padding: 10px;
  position: absolute;
  width: 90%;
  top: 57%;
  right: 50%;
  transform: translate(50%, -50%);
}

.widget .ribbon {
  background-color: #F9F9FB;
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1);
  color: #333;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  line-height: 15px;
  padding: 4px 0;
  position: absolute;
  right: -43px;
  bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  width: 150px;
  transform: rotate(-45deg);
  -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  ms-transform: rotate(-45deg);
  text-align: center;
}

.customize-widgets .widget:hover {
  cursor: move;
  outline: 3px solid #66b5eb;
}

.customize-widgets .angular-ui-tree-nodes .col-md-6,
.customize-widgets .angular-ui-tree-nodes .col-lg-6 {
  width: 50%;
  float: left;
}

.customize-widgets .angular-ui-tree-nodes .col-md-12,
.customize-widgets .angular-ui-tree-nodes .col-lg-12 {
  width: 100%;
  float: left;
}

.customize-logo {
  float: left;
  margin-bottom: 0;
  position: relative;
  padding: 0 0 30px 0;
  overflow: visible;
}

.customize-logo.widget:hover {
  cursor: pointer;
}

.customize-logo img {
  margin-bottom: 15px;
}

.customize-logo .widget-controls {
  background: #19a6df;
  bottom: 0;
  height: 38px;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 9999;
}

.customize-logo .image-container {
  min-height: 38px;
  max-height: 70px;
  min-width: 150px;
  height: 100%;
}

.widget-header {
  background: #19a6df;
  border-bottom: 1px solid #cccccc;
  color: #ffffff;
  padding: 0 .5em;
}

.widget-header h4 {
  display: inline-block;
  font-size: 1.15em;
  font-weight: normal;
  margin: 0;
  padding: 10px 0;
  line-height: 1.10;
}

.widget .table {
  table-layout: fixed;
  margin-bottom: 0;
}

.widget .table .table-header .table-cell {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: all .3s all;
}

.widget .table thead {
  background: #f2f2f2;
  overflow: hidden;
}

.widget .table th {
  border-bottom: none !important;
  font-size: .65em;
}

.widget .table td {
  border-top: 1px solid #dddddd;
  font-size: .70em;
  min-width: 30%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle !important;
  white-space: nowrap;
}

.widget-data {
  background: #ffffff;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  clear: both;
  height: 192px;
  overflow-y: auto;
}

.widget-data.get-started {
  padding: .6em;
  height: auto;
}

.carousel-control {
  width: 8%;
}

.carousel-control.left {
  background: none;
}

.carousel-control.right {
  background: none;
}

.image-responsive {
  width: 100%;
}

.carousel-message-title {
  font-size: 32px;
  margin: 0 0 .5em 0;
  text-shadow: 1px 2px #333;
}

.carousel-message-container {
  background: #19A6DF;
  height: 315px;
  padding-top: 30px;
}

.carousel-message-text {
  font-size: 20px;
  text-shadow: 1px 2px #333;
}

.carousel-image-container {
  padding-left: 100px;
}

.carousel-text-container {
  color: #fff;
  padding-right: 100px;
}

.dashboard {
  background: #F9F9FB;
  padding: 15px 0;
}

.dashboard h1 {
  font-size: 1.5em;
  margin-bottom: 1.5em;
}

.dashboard h2 {
  font-size: 1.25em;
  margin: 1.5em 0;
}

.dashboard-header {
  margin: 15px 0;
}

.dashboard-header .row {
  display: flow-root;
}

.dashboard-header a {
  margin-bottom: 15px;
}

.dashboard-header a:last-of-type {
  margin-right: 0;
}

.dashboard-header a span {
  margin-right: .5em;
}

.page-header {
  border-bottom: 1px solid #ddd;
  margin-top: 0;
  padding-bottom: 0;
}

.page-header h1 {
  font-size: 1.5em;
  margin-bottom: 1.5em;
  padding: 0;
}

.customize-dashboard-overlay {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 1001;
  -moz-opacity: 0.55;
  opacity: .55;
  filter: alpha(opacity=55);
}

.customize-dashboard-actions {
  background: #f8f8f8;
  border-bottom: 1px solid #e7e7e7;
  padding: 15px 15px;
  position: fixed;
  text-align: right;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

.customize-dashboard-actions a {
  margin-right: 15px;
}

.customize-dashboard-actions a span {
  margin-right: .5em;
}

.customize-dashboard-actions a:last-of-type {
  margin-right: 0;
}

.customize-dashboard-view {
  background-color: #fff;
  display: none;
  left: 50%;
  overflow: hidden;
  padding: 15px;
  position: absolute;
  top: 75px;
  transform: translateX(-50%);
  z-index: 1002;
  -webkit-transform: translateX(-50%);
}

@media (min-width: 320px) {
  .customize-dashboard-view {
    width: 320px;
  }
}

@media (min-width: 480px) {
  .customize-dashboard-view {
    width: 480px;
  }
}

@media (min-width: 768px) {
  .customize-dashboard-view {
    width: 768px;
  }
}

@media (min-width: 992px) {
  .customize-dashboard-view {
    width: 992px;
  }
}

@media (min-width: 1200px) {
  .customize-dashboard-view {
    width: 1200px;
  }
}

.growl {
  animation: growl 0.5s 1;
  animation-fill-mode: forwards;
  animation-delay: 2s;
  background: #55b64e;
  border-radius: 2px;
  top: 28px;
  left: 50%;
  padding: 5px 20px;
  position: fixed;
  color: #fff;
  font-size: 1em;
  text-align: center;
  width: 30%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  -webkit-animation: growl 0.5s 1;
  -webkit-animation-delay: 1s;
  /* Safari and Chrome */
  -webkit-animation-fill-mode: forwards;
}

.growl-message {
  text-align: center;
}

footer[role=contentinfo] {
  background: #222222;
  color: #ffffff;
  left: 0;
  padding: 20px;
}

footer[role=contentinfo] h4 {
  color: #9d9d9d;
  font-size: 14px;
  text-transform: uppercase;
}

footer[role=contentinfo] ul {
  list-style: none;
  padding: 0;
  margin-top: -8px;
}

footer[role=contentinfo] ul li {
  line-height: 2em;
}

footer[role=contentinfo] a {
  color: #ffffff;
  font-size: .85em;
}

footer[role=contentinfo] .container {
  width: 100%;
  max-width: none;
}

footer[role=contentinfo] .copyright {
  font-size: .80em;
  padding: 2em 0;
  text-align: center;
}

footer[role=contentinfo] .copyright a {
  font-size: 12px;
}

.social-media {
  overflow: hidden;
}

.social-media li {
  display: inline-block;
  margin: .5em .5em 0 0;
  text-align: left;
}

.social-media li:last-child {
  margin-right: 0;
}

.social-media .icon {
  border-radius: 100%;
  display: block;
  height: 32px;
  overflow: hidden;
  width: 32px;
}

.social-media .icon.facebook {
  background: #3e5b98 url(/Static/Images/Dashboard/icon-facebook.svg) 50% center no-repeat;
  background-size: 20px 20px;
}

.social-media .icon.twitter {
  background: #4da7de url(/Static/Images/Dashboard/icon-twitter.svg) 60% center no-repeat;
  background-size: 20px 20px;
}

.social-media .icon.linkedin {
  background: #3371b7 url(/Static/Images/Dashboard/icon-linkedin.svg) center center no-repeat;
  background-size: 20px 20px;
}

.social-media .icon.twitter:hover {
  background-color: #3993ca;
}

.social-media .icon.facebook:hover {
  background-color: #2a4784;
}

.social-media .icon.linkedin:hover {
  background-color: #1f5da3;
}

/* form elements */
form .form-group.action {
  margin-top: 30px;
}

form .form-group.action a {
  margin-left: 1em;
}

form label {
  font-size: 14px;
  font-weight: normal;
}

form .form-control {
  border-radius: 2px;
}

.alert-danger {
  background: #ffecec;
  border: 1px solid #f5aca6;
  border-radius: 2px;
  display: block;
  font-size: 14px;
  margin-top: .5em;
  padding: 15px 10px;
}

.multiselect-container > li > a > label {
  padding: 0 40px;
}

header[role=banner] {
  margin-bottom: 2em;
}

header[role=banner] h1 {
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
  margin: 0;
}

header[role=banner] .logo-org {
  margin-right: 1em;
  margin-top: 20px;
  height: 51px;
}

header[role=banner] .logo-frontstream {
  margin-top: 20px;
  height: 37px;
  width: 187px;
}

@media (min-width: 320px) and (max-width: 1199px) {
  .logo-frontstream {
    display: none;
  }
}

.integration .panel-title i {
  color: #66CC33;
  font-size: 20px;
}

.integration .panel-body {
  font-size: 14px;
}

.integration img {
  display: block;
  margin: 5px auto 15px auto;
}

.integration p {
  font-size: 14px;
}

.integration .radio {
  padding-top: 0;
}

.integration .radio label {
  font-weight: normal;
}

.integration .radio.active span {
  color: #5cb85c;
  font-weight: 700;
}

.integration .bold {
  font-weight: 600;
}

.integration h3 {
  font-size: 14px;
}

.radio {
  padding-left: 20px;
}

.radio input[type="radio"] {
  box-sizing: border-box;
  cursor: pointer;
  line-height: normal;
  margin: 4px 0 0;
  opacity: 0;
  z-index: 1;
}

.radio input[type="radio"]:checked + label:after {
  transform: scale(1, 1);
}

.radio input + label {
  font-weight: 600;
}

.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}

.radio label:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0;
  margin-left: -20px;
  border: .125rem solid #000;
  border-radius: 50%;
  background-color: #fff;
  transition: border .15s ease-in-out;
  top: 2px;
}

.radio label:after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 10px;
  height: 10px;
  left: 4px;
  top: 6px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #000;
  transform: scale(0, 0);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.install-package {
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 10px;
}

.install-package p {
  font-weight: 700;
  margin: 4px 0;
}

.install-package .btn {
  display: block;
}

/*.modal {
  top: 75px !important;
}*/
#add-widget-content a {
  margin-top: 20px;
}

#add-widget-content a:first-of-type {
  margin-top: 0;
}

.modal-header .close {
  margin-top: 1px;
  padding: 0;
}

/* new widget steps */
.steps {
  text-align: center;
  margin: 1em 0 0 0;
}

.steps .step {
  display: inline-block;
  width: 108px;
}

.steps .step .number {
  border: 1px solid #ccc;
  border-radius: 50%;
  color: #333;
  display: inline-block;
  font-size: 12px;
  height: 30px;
  line-height: 2.5;
  margin: 0 20px 10px;
  text-align: center;
  width: 30px;
}

.steps .number.active {
  background: #5dcff3 !important;
  border: none;
  color: #ffffff;
}

.steps .step .name {
  color: #939598;
  font-size: 12px;
  display: block;
}

/* shared and predefined widgets table */
.bootstrap-table {
  cursor: pointer;
  max-height: 335px;
  overflow: scroll;
}

.bootstrap-table thead {
  background: #f2f2f2;
}

.bootstrap-table thead th {
  font-size: 14px;
  padding: 8px !important;
}

.bootstrap-table thead th .th-inner {
  padding: 0 !important;
  line-height: normal !important;
}

.bootstrap-table tbody td {
  font-size: 14px;
  padding: 8px !important;
  width: 50%;
}

.bootstrap-table tbody td:first-child {
  width: 1%;
}

.bootstrap-table tbody td .shared-by {
  display: inline-block;
  font-size: .85em;
  font-style: italic;
  margin-left: 8px;
}

.modal-footer a {
  font-size: 14px;
  margin-right: 1em;
}

.modal-footer label a {
  margin-right: 0;
}

/* edit widget */
#modal-body-edit-widget {
  max-height: 450px;
  overflow: scroll;
}

.datepicker {
  z-index: 1151 !important;
}

.multiselect-native-select {
  display: block;
}

.multiselect-native-select button {
  width: 100%;
}

.multiselect-native-select .btn-group {
  width: 100%;
}

.multiselect-native-select .btn-group > .btn:first-child {
  text-align: left;
}

.multiselect-native-select .open > .dropdown-menu {
  width: 100%;
}

.terms-and-conditions.modal-header a {
  font-size: 14px;
}

.terms-and-conditions.modal-header a span {
  margin-right: 10px;
}

.terms-and-conditions.modal-body {
  font-size: 14px;
  height: 300px;
  overflow-y: auto;
}

.terms-and-conditions.modal-body dl dt {
  float: left;
  font-weight: normal;
  margin-bottom: 8px;
}

.terms-and-conditions.modal-body dl dd {
  margin: 0 0 8px 40px;
}

.terms-and-conditions.modal-body .text-bold {
  font-weight: 700;
}

.terms-and-conditions__header {
  width: 100%;
}

.terms-and-conditions .terms-controls input[type=checkbox] {
  margin-right: 10px;
}

.terms-and-conditions .terms-controls .form-group {
  margin-bottom: 0;
}

.terms-and-conditions .terms-controls label {
  font-size: 14px;
  font-weight: bold;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .terms-and-conditions .terms-controls {
    display: block;
  }
}

.my-organization .page-header {
  margin-bottom: 0;
}

.my-organization ul.menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.my-organization ul.menu-list li {
  border-bottom: 1px solid #ddd;
  line-height: 1.5em;
  position: relative;
}

.my-organization ul.menu-list li:hover {
  background: #f5f5f5;
  cursor: pointer;
}

.my-organization ul.menu-list a {
  display: block;
  color: #337ab7;
  margin-bottom: .25em;
  padding: 1.5em 15px;
  text-decoration: none;
}

.my-organization ul.menu-list a .heading {
  display: block;
  font-size: 16px;
  border: 1px solid #f00;
}

.my-organization ul.menu-list a .description {
  color: #333;
  display: block;
  font-size: 13px;
}

.my-organization ul.menu-list a .fa {
  color: #333;
  display: block;
  font-size: 18px;
  position: absolute;
  right: 15px;
  top: 40px;
}

.notification {
  border-bottom: 1px solid #ddd;
  padding: 1.5em 0;
}

.notification:first-of-type {
  padding-top: 0;
}

.notification p.date {
  font-size: 12px;
  font-style: italic;
  margin-bottom: 0;
}

.notification .read-more,
.notification .read-less {
  display: block;
  margin: 15px 0;
}

.widget {
  margin-bottom: 30px;
  position: relative;
}

.widget.sample {
  overflow: hidden;
  position: relative;
}

.widget .widget-controls a.control {
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  outline: none;
  width: 30px;
  height: 34px;
  text-align: center;
}

.widget .widget-controls a.control:hover {
  background: #1484b1;
}

.widget .widget-controls .dropdown-menu {
  margin: 0;
}

.widget .widget-controls .fa {
  padding-top: 11px;
}

.widget .single-metric {
  display: block;
  font-size: 36px;
  text-align: center;
  font-weight: 300;
  line-height: 5em;
}

.widget .alert-danger {
  background: #ffecec;
  border: 1px solid #f5aca6;
  border-radius: 2px;
  display: block;
  font-size: 14px;
  padding: 15px 10px;
  position: absolute;
  width: 80%;
  top: 55%;
  right: 50%;
  transform: translate(50%, -50%);
}

.widget .alert-warning {
  border-radius: 2px;
  display: block;
  font-size: 14px;
  margin-bottom: 0;
  padding: 10px;
  position: absolute;
  width: 90%;
  top: 57%;
  right: 50%;
  transform: translate(50%, -50%);
}

.widget .ribbon {
  background-color: #F9F9FB;
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1);
  color: #333;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  line-height: 15px;
  padding: 4px 0;
  position: absolute;
  right: -43px;
  bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  width: 150px;
  transform: rotate(-45deg);
  -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  ms-transform: rotate(-45deg);
  text-align: center;
}

.customize-widgets .widget:hover {
  cursor: move;
  outline: 3px solid #66b5eb;
}

.customize-widgets .angular-ui-tree-nodes .col-md-6,
.customize-widgets .angular-ui-tree-nodes .col-lg-6 {
  width: 50%;
  float: left;
}

.customize-widgets .angular-ui-tree-nodes .col-md-12,
.customize-widgets .angular-ui-tree-nodes .col-lg-12 {
  width: 100%;
  float: left;
}

.customize-logo {
  float: left;
  margin-bottom: 0;
  position: relative;
  padding: 0 0 30px 0;
  overflow: visible;
}

.customize-logo.widget:hover {
  cursor: pointer;
}

.customize-logo img {
  margin-bottom: 15px;
}

.customize-logo .widget-controls {
  background: #19a6df;
  bottom: 0;
  height: 38px;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 9999;
}

.customize-logo .image-container {
  min-height: 38px;
  max-height: 70px;
  min-width: 150px;
  height: 100%;
}

.widget-header {
  background: #19a6df;
  border-bottom: 1px solid #cccccc;
  color: #ffffff;
  padding: 0 .5em;
}

.widget-header h4 {
  display: inline-block;
  font-size: 1.15em;
  font-weight: normal;
  margin: 0;
  padding: 10px 0;
  line-height: 1.10;
}

.widget .table {
  table-layout: fixed;
  margin-bottom: 0;
}

.widget .table .table-header .table-cell {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: all .3s all;
}

.widget .table thead {
  background: #f2f2f2;
  overflow: hidden;
}

.widget .table th {
  border-bottom: none !important;
  font-size: .65em;
}

.widget .table td {
  border-top: 1px solid #dddddd;
  font-size: .70em;
  min-width: 30%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle !important;
  white-space: nowrap;
}

.widget-data {
  background: #ffffff;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  clear: both;
  height: 192px;
  overflow-y: auto;
}

.widget-data.get-started {
  padding: .6em;
  height: auto;
}

/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 * version: 1.11.0
 * https://github.com/wenzhixin/bootstrap-table/
 */
.bootstrap-table .table {
  margin-bottom: 0 !important;
  border-bottom: 1px solid #dddddd;
  border-collapse: collapse !important;
  border-radius: 1px;
}

.bootstrap-table .table:not(.table-condensed),
.bootstrap-table .table:not(.table-condensed) > tbody > tr > th,
.bootstrap-table .table:not(.table-condensed) > tfoot > tr > th,
.bootstrap-table .table:not(.table-condensed) > thead > tr > td,
.bootstrap-table .table:not(.table-condensed) > tbody > tr > td,
.bootstrap-table .table:not(.table-condensed) > tfoot > tr > td {
  padding: 8px;
}

.bootstrap-table .table.table-no-bordered > thead > tr > th,
.bootstrap-table .table.table-no-bordered > tbody > tr > td {
  border-right: 2px solid transparent;
}

.bootstrap-table .table.table-no-bordered > tbody > tr > td:last-child {
  border-right: none;
}

.fixed-table-container {
  position: relative;
  clear: both;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.fixed-table-container.table-no-bordered {
  border: 1px solid transparent;
}

.fixed-table-footer,
.fixed-table-header {
  overflow: hidden;
}

.fixed-table-footer {
  border-top: 1px solid #dddddd;
}

.fixed-table-body {
  overflow-x: auto;
  overflow-y: auto;
  height: 100%;
}

.fixed-table-container table {
  width: 100%;
}

.fixed-table-container thead th {
  height: 0;
  padding: 0;
  margin: 0;
  border-left: 1px solid #dddddd;
}

.fixed-table-container thead th:focus {
  outline: 0 solid transparent;
}

.fixed-table-container thead th:first-child {
  border-left: none;
  border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.fixed-table-container thead th .th-inner,
.fixed-table-container tbody td .th-inner {
  padding: 8px;
  line-height: 24px;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fixed-table-container thead th .sortable {
  cursor: pointer;
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 30px;
}

.fixed-table-container thead th .both {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
}

.fixed-table-container thead th .asc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==");
}

.fixed-table-container thead th .desc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=");
}

.fixed-table-container th.detail {
  width: 30px;
}

.fixed-table-container tbody td {
  border-left: 1px solid #dddddd;
}

.fixed-table-container tbody tr:first-child td {
  border-top: none;
}

.fixed-table-container tbody td:first-child {
  border-left: none;
}

/* the same color with .active */
.fixed-table-container tbody .selected td {
  background-color: #f5f5f5;
}

.fixed-table-container .bs-checkbox {
  text-align: center;
}

.fixed-table-container .bs-checkbox .th-inner {
  padding: 8px 0;
}

.fixed-table-container input[type="radio"],
.fixed-table-container input[type="checkbox"] {
  margin: 0 auto !important;
}

.fixed-table-container .no-records-found {
  text-align: center;
}

.fixed-table-pagination div.pagination,
.fixed-table-pagination .pagination-detail {
  margin-top: 10px;
  margin-bottom: 10px;
}

.fixed-table-pagination div.pagination .pagination {
  margin: 0;
}

.fixed-table-pagination .pagination a {
  padding: 6px 12px;
  line-height: 1.428571429;
}

.fixed-table-pagination .pagination-info {
  line-height: 34px;
  margin-right: 5px;
}

.fixed-table-pagination .btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.fixed-table-pagination .dropup .dropdown-menu {
  margin-bottom: 0;
}

.fixed-table-pagination .page-list {
  display: inline-block;
}

.fixed-table-toolbar .columns-left {
  margin-right: 5px;
}

.fixed-table-toolbar .columns-right {
  margin-left: 5px;
}

.fixed-table-toolbar .columns label {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
}

.fixed-table-toolbar .bs-bars,
.fixed-table-toolbar .search,
.fixed-table-toolbar .columns {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 34px;
}

.fixed-table-pagination li.disabled a {
  pointer-events: none;
  cursor: default;
}

.fixed-table-loading {
  display: none;
  position: absolute;
  top: 42px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background-color: #fff;
  text-align: center;
}

.fixed-table-body .card-view .title {
  font-weight: bold;
  display: inline-block;
  min-width: 30%;
  text-align: left !important;
}

/* support bootstrap 2 */
.fixed-table-body thead th .th-inner {
  box-sizing: border-box;
}

.table th, .table td {
  vertical-align: middle;
  box-sizing: border-box;
}

.fixed-table-toolbar .dropdown-menu {
  text-align: left;
  max-height: 300px;
  overflow: auto;
}

.fixed-table-toolbar .btn-group > .btn-group {
  display: inline-block;
  margin-left: -1px !important;
}

.fixed-table-toolbar .btn-group > .btn-group > .btn {
  border-radius: 0;
}

.fixed-table-toolbar .btn-group > .btn-group:first-child > .btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fixed-table-toolbar .btn-group > .btn-group:last-child > .btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.bootstrap-table .table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #ddd;
}

/* support bootstrap 3 */
.bootstrap-table .table thead > tr > th {
  padding: 0;
  margin: 0;
}

.bootstrap-table .fixed-table-footer tbody > tr > td {
  padding: 0 !important;
}

.bootstrap-table .fixed-table-footer .table {
  border-bottom: none;
  border-radius: 0;
  padding: 0 !important;
}

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

/* calculate scrollbar width */
p.fixed-table-scroll-inner {
  width: 100%;
  height: 200px;
}

div.fixed-table-scroll-outer {
  top: 0;
  left: 0;
  visibility: hidden;
  width: 200px;
  height: 150px;
  overflow: hidden;
}

#slide-in {
  background-color: #fff;
  border-top: 3px solid #16a4de;
  bottom: 0px;
  box-shadow: -2px 0px 5px #aaa;
  max-height: 600px;
  padding: 15px;
  position: fixed;
  right: -430px;
  text-align: center;
  width: 400px;
  z-index: 9999;
  -moz-box-shadow: -2px 0px 5px #aaa;
  -webkit-box-shadow: -2px 0px 5px #aaa;
}

#slide-in a.close {
  cursor: pointer;
  height: 14px;
  font-size: 14px;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 14px;
}

#slide-in img {
  margin: 15px 0;
}

#slide-in h2 {
  color: #333;
  font-size: 32px;
  margin: 0 0 15px 0;
}

#slide-in p {
  font-size: 20px;
}

@media (max-width: 400px) {
  #slide-in {
    display: none;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

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

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

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

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

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

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
.my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
.my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
.my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
.my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
.mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
.mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
.my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
.mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
.my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
.mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
.my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
.mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
.my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
.mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
.my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
.mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
.my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
.mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
.my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
.mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
.my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
.mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
.py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
.px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
.px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
.py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
.px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
.px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
.py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
.px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
.py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
.px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
.py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
.px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
.py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
.px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
.py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
.px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
.py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
.my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
.my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
.my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
.my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
.my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
.my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
.mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
.mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
.my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
.mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
.mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
.py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
.px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
.px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
.py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
.px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
.px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
.py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
.px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
.px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}

/**
 * angular.custom-growl-v2 - v0.7.8 - 2015-10-25
 * http://janstevens.github.io/angular.custom-growl-2
 * Copyright (c) 2015 Marco Rinck,Jan Stevens,Silvan van Leeuwen; Licensed MIT
 */
/*
 * .custom-growl-container styles
 */
.custom-growl-container.custom-growl-fixed {
  position: fixed;
  float: right;
  width: 90%;
  min-width: 300px;
  max-width: 450px;
  z-index: 999999999999999;
}

.custom-growl-container.custom-growl-fixed.top-right {
  top: 10px;
  right: 15px;
}

.custom-growl-container.custom-growl-fixed.bottom-right {
  bottom: 10px;
  right: 15px;
}

.custom-growl-container.custom-growl-fixed.middle-right {
  top: 49%;
  right: 15px;
}

.custom-growl-container.custom-growl-fixed.top-left {
  top: 10px;
  left: 15px;
}

.custom-growl-container.custom-growl-fixed.bottom-left {
  bottom: 10px;
  left: 15px;
}

.custom-growl-container.custom-growl-fixed.middle-left {
  top: 49%;
  left: 15px;
}

.custom-growl-container.custom-growl-fixed.top-center {
  top: 10px;
  left: 50%;
  margin-left: -200px;
}

.custom-growl-container.custom-growl-fixed.bottom-center {
  bottom: 10px;
  left: 50%;
  margin-left: -200px;
}

.custom-growl-container.custom-growl-fixed.middle-center {
  top: 49%;
  left: 50%;
  margin-left: -200px;
}

/*
 *.custom-growl-item styles
 */
.custom-growl-container > .custom-growl-item {
  padding: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  width: auto;
  height: auto;
}

.custom-growl-close {
  font-size: 40px !important;
  line-height: 24px;
  font-weight: 100;
  outline: none !important;
  opacity: 1;
}

.custom-growl-container > button {
  border: none;
  outline: none;
}

.custom-growl-container > .custom-growl-item.ng-enter,
.custom-growl-container > .custom-growl-item.ng-leave {
  -webkit-transition: 0.5s linear all;
  -moz-transition: 0.5s linear all;
  -o-transition: 0.5s linear all;
  transition: 0.5s linear all;
}

.custom-growl-container > .custom-growl-item.ng-enter,
.custom-growl-container > .custom-growl-item.ng-leave.ng-leave-active {
  opacity: 0;
}

.custom-growl-container > .custom-growl-item.ng-leave,
.custom-growl-container > .custom-growl-item.ng-enter.ng-enter-active {
  opacity: 1;
}

.custom-growl-container > div.custom-growl-item {
  background-position: 12px center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  border-radius: 0;
  border: none;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.custom-growl-text-container {
  display: flex;
}

/*
 *.custom-growl-title styles
 */
.custom-growl-item.icon > .custom-growl-title {
  margin: 0 0 0 40px;
}

.custom-growl-title {
  font-size: 16px;
  margin-top: -4px;
  color: #4A4A4A;
}

/*
 *.custom-growl-message styles
 */
.custom-growl-item.icon > .custom-growl-message {
  margin: 0 0 0 40px;
  color: #4A4A4A;
}

.custom-growl-message {
  color: #4A4A4A;
}

.custom-growl-message-title {
  font-size: 14px;
}

.custom-growl-only-text {
  display: flex;
  flex-flow: column;
  padding-left: 10px;
}

.custom-growl-fsi-icon.fsi-check-circle:before {
  color: #A3CD3B;
}

.custom-growl-fsi-icon.fsi-error:before {
  color: #D0021B;
}

.custom-growl-fsi-icon.fsi-info:before {
  color: #0077AD;
}

.custom-growl-fsi-icon.fsi-warning:before {
  color: #EBCD00;
}

/*
 *.custom-growl background images
 */
.custom-growl-container > .alert-info.icon {
  border-left: 4px solid #0077AD;
  color: #0077AD;
}

.custom-growl-container > .alert-error.icon {
  border-left: 4px solid #D0021B;
  color: #D0021B;
}

.custom-growl-container > .alert-success.icon {
  border-left: 4px solid #A3CD3B;
  color: #A3CD3B;
}

.custom-growl-container > .alert-warning.icon {
  border-left: 4px solid #EBCD00;
  color: #EBCD00;
}

.alert-success {
  color: #387a47;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #285733;
}

.alert-info {
  color: #2f7883;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #22565d;
}

.alert-warning {
  color: #9e8e24;
  background-color: #fbf5cc;
  border-color: #f9f1b8;
}

.alert-warning hr {
  border-top-color: #f7eca0;
}

.alert-warning .alert-link {
  color: #74691b;
}

.alert-danger {
  color: #9e2929;
  background-color: #fbcece;
  border-color: #fabbbb;
}

.alert-danger hr {
  border-top-color: #f8a3a3;
}

.alert-danger .alert-link {
  color: #761e1e;
}

img {
  border: 0 !important;
  vertical-align: middle;
}

.component .bottom-handle {
  display: block;
  z-index: 50;
  margin-top: -1.5em;
  float: right;
  position: absolute;
  background: #66b5eb;
  border-radius: 0 10px 0 0;
  color: #fff !important;
}

.component .bottom-handle input[type="file"] {
  display: none;
}

.component img {
  max-width: 190px;
  min-width: 150px;
  min-height: 60px;
  max-height: 70px;
}

.component.hover .bottom-handle {
  opacity: 1;
}

.branding > div {
  display: inline-block;
  vertical-align: middle;
}

.branding > div:nth-child(1) {
  max-width: 190px;
  margin-right: 5px;
}

.branding .thumbnail {
  margin-bottom: 0 !important;
  border: none !important;
  min-height: 60px;
  max-height: 70px;
}

.branding .btn {
  padding: 6px;
}

.current-logo .tooltip {
  min-width: 135px !important;
}

.current-logo span:nth-child(1) .tooltip {
  min-width: 100px !important;
}

.flow-object {
  min-width: 100px;
}

@media (min-width: 992px) {
  .fs-branding {
    height: 60px;
    display: table;
  }
  .fs-branding .line {
    display: table-cell;
    vertical-align: middle;
  }
}

.organization-brand .block-ui-message {
  padding: 10px !important;
}

.organization-brand .block-ui-message .fa {
  font-size: 2em !important;
}

div.btn-group.current-logo {
  position: absolute;
  right: 0;
}


a {
  transition: all .15s ease-in-out;
}

.w-auto {
  width: auto;
}

.w-inherit {
  width: inherit;
}

.w-20 {
  width: 20%;
}

.w-60 {
  width: 60%;
}

.w-100 {
  width: 100%;
}

.flex {
  display: flex;
}

.error-icon {
  color: #D0021B;
}

.success-icon {
  color: #A3CD3B;
}

.warning-icon {
  color: #EBCD00;
}

.tooltip-inner {
  padding: 6px 14px;
  background-color: #4A4A4A;
}

.bs-tooltip-top,
.bs-tooltip-bottom,
.bs-tooltip-left,
.bs-tooltip-right {
  font-size: 0.75rem;
}

.bs-tooltip-top .arrow,
.bs-tooltip-bottom .arrow,
.bs-tooltip-left .arrow,
.bs-tooltip-right .arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}

.bs-tooltip-top .arrow,
.bs-tooltip-bottom .arrow,
.bs-tooltip-left .arrow {
  left: 50%;
}

.bs-tooltip-right .arrow {
  left: 5px;
  top: 25%;
}

.ng-invalid-required:required {
  background-image: none;
}

input.form-required, .widget-filter div.form-control input.form-required[type=number] {
  display: none;
}

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

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

.h-100 {
  height: 100%;
}

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

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

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

.l-h-20 {
  line-height: 20px !important;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.custom-tabs .nav li {
  margin: 0;
  border-color: #c8c8c8;
}

.custom-tabs .nav li a {
  padding: 22px;
  color: #4a4a4a;
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 24px;
  border-bottom: 4px solid transparent;
  border-left: none;
  border-right: none;
  border-top: none;
}

.custom-tabs .nav li.active {
  font-weight: 700;
}

.custom-tabs .nav li.active a, .custom-tabs .nav li.active:hover a, .custom-tabs .nav li.active a:hover, .custom-tabs .nav li.active:focus a, .custom-tabs .nav li.active a:focus {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 4px solid #4a4a4a;
  background: none !important;
  background-color: none !important;
  transition: all 0.3s ease-in-out 0s;
}

.custom-tabs .nav li a:hover, .custom-tabs .nav li a:focus {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 4px solid #c8c8c8;
  background: none !important;
  background-color: none !important;
  transition: all 0.3s ease-in-out 0s;
}

.custom-tabs .nav li a.link {
  color: #0077ad;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
}

.custom-tabs .nav li a.link:hover {
  border-color: transparent !important;
}

.custom-tabs a,
.custom-tabs span {
  animation: 0ms ease-out 0s 1 normal none running ripple;
}

.customize-dashboard-actions {
  z-index: 1003;
}

.pointer-none {
  pointer-events: none;
}

.bootstrap-table {
  overflow: auto !important;
}

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

.member-buttons {
  margin-top: 10px;
  margin-bottom: 10px;
}

.member-buttons .btn {
  padding: 10px;
  color: #000000;
}

.customize-dashboard-view {
  overflow: visible;
  min-height: 100%;
}

.widget-data-chart {
  overflow-y: auto;
}

.widget-data-chart .h4 {
  margin-bottom: -25px;
  margin-top: 6px;
  line-height: normal;
  font-size: 18px;
  font-weight: 500;
}

.customize-widgets .widget:hover {
  cursor: move;
  cursor: initial;
  outline: 3px solid #66b5eb;
}

.customize-widgets .widget .widget-header:not(.widget-controls) {
  cursor: move;
}

.customize-widgets .widget.sample .widget-header {
  cursor: initial;
}

.widget .block-ui {
  position: initial !important;
}

.widget-header h4 {
  display: inherit !important;
}

.dropdown-menu .btn-default:not(.ui-select-toggle) {
  border: none;
}

body h1 {
  margin-top: 20px !important;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

body .modal-backdrop.in {
  position: fixed;
}

body [ng-click] {
  cursor: pointer;
}

body nav-bar nav.navbar .container {
  width: 100% !important;
  max-width: 100%;
}

body nav-bar nav.navbar .container .row {
  width: 100%;
  display: block;
}

body nav-bar nav.navbar .container .row .navbar-collapse {
  display: flex;
  justify-content: flex-end;
}

body nav-bar .navbar {
  padding: 0;
}

.clickable-row {
  text-decoration: none;
}

.clickable-row tr:hover {
  background-color: #ECECEC;
}

.clickable-row tr:hover td:first-child {
  background: #ECECEC;
}

.error-message {
  border-bottom: 1px solid #ddd;
  height: 120px;
}

.error-message:hover {
  background-color: white !important;
}

.error-message:hover td:hover {
  background: white !important;
}

.error-message td {
  vertical-align: inherit !important;
  text-align: center;
  cursor: default;
}

.rpt-dropdown {
  border: 1px solid #C8C8C8;
  border-radius: 2px;
  color: #4A4A4A;
  padding: 6px 16px 6px 8px;
}

.rpt-dropdown option {
  color: #4A4A4A;
}

.text-date-picker .text-input i.material-icons {
  position: absolute;
  top: 1.8rem;
  right: 0;
  height: 2.25rem;
  width: 2.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  z-index: 10;
}

.copy-clipboard-icon {
  position: absolute;
  padding-left: 5px;
  padding-top: 3px;
}

.custom-dropdown-style .dropdown-menu {
  z-index: 1;
  min-width: 415px;
  max-width: 500px;
}

.custom-dropdown-style .h-control {
  height: 36px;
}

.custom-dropdown-style .checkbox {
  padding-left: 22px !important;
  width: 100%;
}

.custom-dropdown-style .block-container {
  min-height: 250px;
}

.custom-dropdown-style .data-container {
  max-height: 230px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.custom-dropdown-style .data-container li:first-child {
  margin-top: 0.5rem;
}

.custom-dropdown-style .tx-gray {
  line-height: 36px;
}

.custom-dropdown-style .suggestion-helper {
  font-size: 14px;
  background: #f2f2f2;
}

.custom-paging .show-per-page {
  justify-content: flex-end;
}

.custom-paging .item {
  color: #808285;
  font-size: 0.875rem;
}

.custom-paging li {
  display: flex;
}

.custom-paging li.active a {
  color: #0077AD !important;
  font-weight: bold !important;
}

.custom-paging li a, .custom-paging li span {
  border-color: white !important;
  background-color: white !important;
  color: #0077AD !important;
  padding: 6px 7px !important;
}

.custom-paging li .continue {
  color: black !important;
}

.custom-paging li .no-padding {
  padding: 6px 0px !important;
}

.custom-paging li.disabled a span {
  color: #C8C8C8 !important;
}

.headers-style {
  background-color: #ECECEC;
  white-space: nowrap;
  font-weight: bold;
  font-size: 14px;
}

.amount-section {
  background-color: #eefbff;
  margin-left: -29px;
  margin-right: -29px;
  text-align: center;
}

.amount-section p {
  font-size: 14px;
}

.p2p-amount-section h3 {
  font-size: 1.5rem;
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}

.p2p-amount-section p {
  font-size: 14px;
  margin-bottom: 1rem;
}

.p2p-modal-subtitle {
  font-size: 20px;
}

.p2p-amount-section h3 {
  font-size: 1.5rem;
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}

.p2p-amount-section p {
  font-size: 14px;
  margin-bottom: 1rem;
}

.p2p-modal-subtitle {
  font-size: 20px;
}

.m-t-24 {
  margin-top: 1.5rem !important;
}

.m-t-25 {
  margin-top: 25px;
}

.contentpanel a.editable-click {
  display: block;
  z-index: 1;
  transition: all 0.2s !important;
  padding-left: 0;
}

.contentpanel a.editable-click:hover, .contentpanel a.editable-hide {
  transition: z-index 0s, opacity 0s, transform 0.251s ease-in, border 0.3s ease-in-out, background 0.3s ease-in-out !important;
}

.contentpanel a.editable-hide {
  display: block !important;
  z-index: -1;
  opacity: 0;
  position: absolute !important;
}

.contentpanel a.editable-hide:after {
  display: none;
}

.show-on-row-hover {
  display: none !important;
}

.ui-grid-row:hover .ui-grid-cell .show-on-row-hover {
  display: initial !important;
}

.ui-grid-row:hover .ui-grid-cell .hide-on-row-hover {
  display: none !important;
}

.pac-container {
  background-color: #fff;
  position: absolute !important;
  z-index: 100000;
  border-radius: 2px;
  border-top: 1px solid #d9d9d9;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.pac-item {
  cursor: default;
  padding: 0 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 30px;
  text-align: left;
  border-top: 1px solid #e6e6e6;
  font-size: 11px;
  color: #999;
}

.pac-item:hover {
  background-color: #fafafa;
}

.pac-item-selected, .pac-item-selected:hover {
  background-color: #ebf2fe;
}

.pac-matched {
  font-weight: 700;
}

.pac-item-query {
  font-size: 13px;
  padding-right: 3px;
  color: #000;
}

.pac-icon {
  width: 15px;
  height: 20px;
  margin-right: 7px;
  margin-top: 6px;
  display: inline-block;
  vertical-align: top;
  background-image: url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
  background-size: 34px;
}

.hdpi .pac-icon {
  background-image: url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);
}

.pac-icon-search {
  background-position: -1px -1px;
}

.pac-item-selected .pac-icon-search {
  background-position: -18px -1px;
}

.pac-icon-marker {
  background-position: -1px -161px;
}

.pac-item-selected .pac-icon-marker {
  background-position: -18px -161px;
}

.pac-placeholder {
  color: gray;
}

.custom-prediction-label {
  font-style: italic;
}

.checkbox input[type="checkbox"], .checkbox .widget-filter div.form-control input[type="checkbox"][type=number], .widget-filter div.form-control .checkbox input[type="checkbox"][type=number] {
  opacity: 1;
  z-index: 1;
}

/*Sales Force Integration Directive*/
.sales-force-connector-container .panel-title, .sales-force-connector-container .panel-heading {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.sales-force-connector-container img {
  display: block;
  margin: 5px auto 15px auto;
}

.integrations-container .page-header h1 {
  margin-bottom: 1.5em !important;
}

.sales-force-connector-container .panel-body {
  font-size: 14px;
}

.sales-force-connector-container .text-center a {
  margin-top: 15px;
}

.sales-force-connector-container .col-1, .col-sm-1, .col-md-1, .col-lg-1, .col-2, .col-sm-2, .col-md-2, .col-lg-2, .col-3, .col-sm-3, .col-md-3, .col-lg-3, .col-4, .col-sm-4, .col-md-4, .col-lg-4, .col-5, .col-sm-5, .col-md-5, .col-lg-5, .col-6, .col-sm-6, .col-md-6, .col-lg-6, .col-7, .col-sm-7, .col-md-7, .col-lg-7, .col-8, .col-sm-8, .col-md-8, .col-lg-8, .col-9, .col-sm-9, .col-md-9, .col-lg-9, .col-10, .col-sm-10, .col-md-10, .col-lg-10, .col-11, .col-sm-11, .col-md-11, .col-lg-11, .col-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 15px;
  padding-right: 15px;
}

.new-widget-modal .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  height: auto;
  width: 25%;
}

.new-widget-modal .btn-default:hover, .new-widget-modal .btn-default:focus, .new-widget-modal .btn-default.focus, .new-widget-modal .btn-default:active, .new-widget-modal .btn-default.active, .new-widget-modal .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.new-widget-modal small {
  white-space: normal;
}

.new-widget-modal .mr-t-5 {
  margin-bottom: 5px;
}

.new-widget-modal .open > .dropdown-menu {
  display: block;
}

.has-error .widget-filter .form-control {
  border-color: #9d1d21 !important;
}

.input-group.widget-filter > .input-group-addon {
  border: 1px solid #ccc !important;
}

.widget-filter div.form-control input[type=text], .widget-filter div.form-control input[type=number] {
  background-color: unset;
  border: none !important;
  border-bottom: 2px dotted #ccc !important;
  transition: none !important;
  box-shadow: none !important;
}

.widget-filter div.form-control input[type=number] {
  padding: 0 0 0 5px !important;
}

.widget-filter .input-group-addon {
  font-size: 12px !important;
  background-color: #eee;
  padding: 8px 12px;
  border-radius: 0;
  height: 38px;
}

.widget-filter .input-group-sm select {
  background-color: unset !important;
  font-size: 12px !important;
  height: auto !important;
  padding: 0 !important;
  width: auto !important;
}

.widget-filter .input-group-sm select.form-control {
  border-bottom: 1px solid #cccccc !important;
}

.widget-filter .input-group-sm > .form-control {
  height: 22px !important;
  padding: 0 0 0 5px !important;
}

.widget-filter .input-group-btn {
  height: 12px;
}

.widget-filter .input-group-btn > button.btn {
  line-height: 1.45 !important;
  padding: 8px 12px;
  border-radius: 0;
}

.widget-filter .custom-date-range input.form-control, .widget-filter .custom-date-range div.form-control input.form-control[type=number], .widget-filter div.form-control .custom-date-range input.form-control[type=number] {
  display: inline !important;
  width: 100px !important;
}

.widget-filter .row {
  margin: 0 !important;
}

.widget-filter .select-date-range .col-6:first-of-type {
  padding: 0 12px !important;
}

.widget-filter button.multiselect {
  font-size: 12px !important;
  height: 34px !important;
  text-align: left !important;
}

.input-group-addon.no-padding, .widget-filter .no-padding {
  padding: 0 !important;
}

/*IOS Switcher*/
input[type="checkbox"].ios-switch, .widget-filter div.form-control input[type="checkbox"].ios-switch[type=number] {
  opacity: 0 !important;
  position: absolute !important;
}

input[type="checkbox"].ios-switch:checked + div, .widget-filter div.form-control input[type="checkbox"].ios-switch[type=number]:checked + div {
  background-position: 0 0 !important;
  background-color: #286090 !important;
  border: 1px solid #1d4568 !important;
  box-shadow: inset 0 0 0 10px #3b89ff !important;
  width: 40px !important;
}

input[type="checkbox"].ios-switch:checked + div > div {
  background-color: #fff !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0px 0 0 1px #0850ac !important;
  -webkit-transform: translate3d(20px, 0, 0) !important;
  -moz-transform: translate3d(20px, 0, 0) !important;
}

input[type="checkbox"].ios-switch + div, .widget-filter div.form-control input[type="checkbox"].ios-switch[type=number] + div {
  background-color: rgba(0, 0, 0, 0.1) v;
  border: 1px solid rgba(0, 0, 0, 0.4) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.4) !important;
  cursor: pointer !important;
  height: 20px !important;
  margin: 0 !important;
  vertical-align: middle !important;
  width: 40px !important;
  -webkit-transition-duration: .4s !important;
  -webkit-transition-property: background-color, box-shadow !important;
}

input[type="checkbox"].ios-switch + div > div, .widget-filter div.form-control input[type="checkbox"].ios-switch[type=number] + div > div {
  background: #fff !important;
  border-radius: inherit !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0px 0 0 1px rgba(0, 0, 0, 0.4) !important;
  float: left !important;
  height: 18px !important;
  margin-top: 1px !important;
  margin-left: 1px !important;
  pointer-events: none !important;
  width: 18px !important;
}

/*Input Group*/
.input-group-addon select {
  background-color: #eee !important;
  outline: 0 !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.multiselect-checkbox {
  display: block;
  width: 100%;
}

.multiselect-checkbox > dropdown-menu {
  display: block;
}

.multiselect-checkbox > button.multiselect, .multiselect-checkbox .search-item {
  width: 100%;
}

.widget-filters .btn-default:hover, .widget-filters .btn-default:focus, .widget-filters .btn-default.focus, .widget-filters .btn-default:active, .widget-filters .btn-default.active, .widget-filters .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.widget-filters .ui-select-multiple.ui-select-bootstrap {
  padding: 6px 12px;
}

.widget-filters .widget-filter button.multiselect {
  border-radius: 0 !important;
  font-size: 12px !important;
  height: 37px !important;
  text-align: left !important;
}

.widget-filters .input-group.widget-filter > .input-group-addon {
  border: 1px solid #ccc !important;
  border-right: 0 !important;
}

.widget-filters .btn-group .fa.fa-times-circle {
  color: black;
}

.widget-filters .form-control {
  z-index: auto;
}

.widget-filters .smartlist-container {
  position: relative;
}

.address-wrap {
  min-height: 50px;
  position: relative;
}

.address-wrap .editable-empty, .address-wrap .editable-empty:hover, .address-wrap .editable-empty:focus, .address-wrap a.editable-empty, .address-wrap a.editable-empty:hover, .address-wrap a.editable-empty:focus {
  font-style: initial;
  color: initial;
}

.address-wrap .buttons {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
}

.address-wrap:hover, .address-wrap.hover {
  background: #eee;
}

.address-wrap:hover .buttons, .address-wrap.hover .buttons {
  display: block;
}

.contact-details .container {
  width: 100%;
}

.contact-details .open > .dropdown-menu {
  display: block;
}

.contact-details .ui-select-toggle {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.contact-details .ui-select-toggle .caret:before {
  font-size: 9px;
  content: "\25bc";
  position: absolute;
  top: -4px;
  right: 2px;
}

.form-horizontal {
  font-size: 14px;
}

.form-horizontal .control-label {
  text-align: left;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: all .3s all;
  font-weight: normal;
}

.form-horizontal .control-label:hover {
  overflow: visible;
  position: relative;
  z-index: 10;
  background: #fff;
}

.form-horizontal h4 {
  text-transform: uppercase;
  font-size: 14px;
  border-bottom: 2px solid #eee;
}

.btn-primary-inverse {
  color: #337AB7;
  background-color: #FFFFFF;
  border-color: #337AB7;
}

.hide-on-hover {
  display: initial !important;
}

.show-on-hover {
  display: none !important;
}

.user-seat:hover .hide-on-hover {
  display: none !important;
}

.user-seat:hover .show-on-hover {
  display: initial !important;
}

.editable-disabled {
  padding-top: 9px;
  cursor: default;
  color: #000000;
  text-decoration: none;
}

.editable-disabled:hover, .editable-disabled:focus, .editable-disabled:active, .editable-disabled:visited {
  text-decoration: none;
  color: #000000;
}

.porlets-content--row {
  width: 100%;
  margin: 0;
}

.sidebar-page-content {
  padding: 30px 25px 20px 25px;
  height: auto;
  width: calc(100% - 250px);
  position: absolute;
  left: 15.625rem;
}

.contentpanel {
  margin-left: 0 !important;
  background-color: white !important;
  min-height: 0 !important;
}

.display-contents.show {
  display: contents;
}

.sidebar-page-content div.header h3 {
  font-weight: bold;
  line-height: 21px;
}

.page-header {
  margin-bottom: 20px;
}

.page-header h1 {
  font-weight: bold;
}

.wrappert {
  display: flex;
  align-items: stretch;
  margin-top: -13px;
}

.sidebar-wrappert-project {
  width: 250px;
}

.sidebar-wrappert-project ul.list-unstyled {
  top: 109px !important;
  position: fixed !important;
}

.sidebar-wrappert {
  width: 250px;
}

.sidebar-wrappert ul.list-unstyled {
  position: fixed;
  width: 250px;
  top: 146px;
}

@media (max-height: 515px) {
  .sidebar-wrappert .list-unstyled {
    position: relative !important;
    top: initial !important;
  }
}

.sidebar-wrappert {
  width: 250px;
  background-color: #F9F9FB;
  height: auto;
  min-height: 100vh;
  position: fixed;
  left: 0;
  z-index: 1;
}

.sidebar-wrappert div.sidebar-header a {
  display: block;
  text-decoration: none;
  position: fixed !important;
  width: 250px;
}

.sidebar-wrappert div.sidebar-header a .fa {
  font-size: 28px;
}

.sidebar-wrappert div.sidebar-header a .fa span {
  font-family: open sans;
  font-size: 18px;
  position: absolute;
  margin-top: 2.50%;
}

@media (max-height: 515px) {
  .sidebar-wrappert div.sidebar-header a {
    position: relative !important;
  }
}

.sidebar-wrappert ul.list-unstyled li a:hover {
  cursor: pointer;
}

.sidebar-wrappert.active .sidebar-header a h3 {
  display: none;
}

.sidebar-wrappert .sidebar-header {
  padding: 20px 20px 20px 22px;
}

.sidebar-wrappert ul li.sidebar-item:hover {
  background: #F0F0F0;
}

.sidebar-wrappert ul li.sidebar-item:hover a:hover {
  text-decoration: none;
}

.sidebar-header a h3 {
  color: #4A4A4A;
  font-family: "Open Sans";
  font-size: 18px;
  line-height: 24px;
}

.sidebar-section {
  color: #16A6DF;
  font-size: 10px;
  line-height: 31px;
  padding-left: 42px;
}

.sidebar-item a {
  color: #4A4A4A !important;
  display: list-item;
  font-size: 14px;
  line-height: 31px;
  padding-left: 42px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.active-state {
  background: #F0F0F0;
}

.active-state a {
  text-decoration: none;
}

.panorama-v2 {
  display: flex;
  width: 100%;
  padding-left: 10px;
  min-width: 1372px;
}

.panorama-v2 > .content-v2 {
  width: calc(100% - 412px);
  min-width: 960px;
}

.panorama-v2 > .sidebar-v2 {
  margin-left: 10px;
  background-color: #fff;
  width: 412px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2), 0 0 12px rgba(0, 0, 0, 0.12);
  min-height: 100vh;
}

.panorama-v2 .stripe-banner-background {
  background-color: white;
}

.panorama-v2-no-sidebar > .content-v2 {
  width: 100% !important;
}

.panorama-v2-no-sidebar > .sidebar-v2 {
  width: 0 !important;
  min-height: 93vh;
}

.df-email-template {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.panorama-pro {
  padding-right: 0;
}

.panorama-pro div.row {
  margin-right: 0;
  margin-left: -10px;
}

.panorama-pro .col-12 {
  padding-left: 10px;
  padding-right: 0;
}

.panorama-pro .col-10 {
  padding-right: 0;
}

.panorama-pro .col-2 {
  padding-left: 20px;
  padding-right: 0;
}

.panorama-pro .header h3 {
  line-height: 3em;
  padding-left: 0.94rem;
  font-weight: 500;
  margin: 0 !important;
  background-color: #F9F9FB;
  box-shadow: 0 2px 4px 0 rgba(213, 213, 213, 0.5);
}

.panorama-pro .main-content {
  box-shadow: 0 2px 4px 0 rgba(213, 213, 213, 0.5);
}

.panorama-pro .section-content {
  color: #666;
  font-family: "Open Sans";
  font-size: 13px;
  line-height: 17px;
  padding-top: 5.5%;
  padding-bottom: 1.3%;
}

.panorama-pro .section-content a {
  color: #16A6DF;
}

.panorama-pro .section-content .fa {
  color: #16A6DF;
  font-size: 20px;
}

.panorama-pro .section-content .row {
  padding-bottom: 2.1%;
}

.panorama-pro .dm-secion-content {
  padding-top: 6.6%;
  padding-bottom: 5%;
  color: #4a4a4a;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.panorama-pro .dm-secion-content .panorama-help {
  color: #4a4a4a;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 24px;
  font-weight: 100;
}

.panorama-pro .dm-secion-content a:hover {
  background: #EEFBFF;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(158, 158, 158, 0.5);
  -moz-box-shadow: 0px 2px 4px 0px rgba(158, 158, 158, 0.5);
  box-shadow: 0px 2px 4px 0px rgba(158, 158, 158, 0.5);
}

.panorama-pro .dm-secion-content a:active, .panorama-pro .dm-secion-content a:focus {
  background: #ECECEC;
}

.panorama-pro .dm-image {
  padding-top: 6%;
  padding-left: 6%;
}

.panorama-pro .map-sign {
  width: 18px;
  height: 22px;
}

.panorama-pro .dm-text {
  padding-left: 12%;
  line-height: 22px;
}

.panorama-pro .dm-enterprise {
  padding-left: 10%;
}

.panorama-pro .righ-rail-icon {
  border-radius: 50%;
  background-color: #F9F9FB;
  padding: 5.5px;
  display: table-cell;
  vertical-align: middle;
  color: #16A6DF;
}

.panorama-pro .dm-secion-content-premium {
  padding-top: 7.6%;
  margin-bottom: 0px;
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 22px;
  color: #666;
}

.panorama-pro .dm-secion-content-premium .fa {
  color: #16A6DF;
  font-size: 24px;
}

.panorama-pro .dm-secion-content-premium .col-10 {
  padding-left: 14px;
  padding-top: 2%;
}

.panorama-pro .dm-secion-content-premium .col-10 a {
  color: #666;
}

.panorama-pro .dm-secion-content-premium .img-premium {
  width: 19px;
  height: 19px;
}

.panorama-pro .dm-secion-content-premium .img-premium-smartlist {
  width: 20px;
  height: 17px;
}

.panorama-pro .dm-secion-content-premium .col-2 {
  padding-left: 25px;
  padding-right: 0;
}

.panorama-pro .dm-secion-content-premium .row {
  padding-bottom: 2.7%;
}

.panorama-pro .dm-launch-premium {
  color: #16A6DF;
  padding-top: 3%;
  padding-left: 6.3%;
}

.panorama-pro .dm-launch-premium .fa {
  position: absolute;
  font-size: 23px;
  transform: rotate(-90deg);
}

.modal-project {
  width: 90%;
}

.modal.fade.in {
  opacity: 1;
}

.modal.fade .modal-dialog {
  transform: translate(0, 0) !important;
}

.modal-full-screen {
  margin: 2px 2px;
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  min-height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  max-width: none;
}

.create-project .project-close {
  color: #FFFFFF;
  opacity: 1;
  height: 59px;
  width: 59px;
  font-size: 55px;
  font-weight: 100;
}

.create-project .project-close:hover {
  color: #FFFFFF !important;
  opacity: 1 !important;
}

.create-project .project-modal-body {
  /*height: 5/80px;*/
  background-image: url("/Static/Images/Panorama2.0/Project/Create/textured bgk.png");
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 31px;
  line-height: 45px;
  color: #FFFFFF;
  padding-top: 8%;
  padding-bottom: 19%;
  background-repeat: no-repeat;
  background-size: 100% 50%;
}

.create-project .project-box {
  height: 382px;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.19);
  padding-left: 20px;
  padding-right: 20px;
  width: 255px;
  margin-right: 5px;
  padding-top: 23px;
  margin-left: 37px;
}

.create-project .project-type-img {
  padding-left: 2%;
  padding-top: 1.5%;
  height: 180px;
  width: 195px;
}

.create-project .project-type-name {
  color: #4A4A4A;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

.create-project .project-type-desc {
  color: #4A4A4A;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  padding-top: 10px;
}

.create-project .project-btn {
  width: 100%;
}

.create-project .create-project-btn {
  color: #0077AD;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
}

.sticky-down-position {
  background-color: #fff;
  box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.33);
  bottom: 0;
  height: 84px;
  margin-bottom: -4.9%;
  margin-right: -23px;
  margin-left: -23px;
  padding: 24px 23px 0 0;
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
}

.auction-container {
  margin-top: -60px;
}

.main-auction__title-center {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.main-auction__title-center .header {
  padding-left: 15px;
}

.main-auction__title-style {
  font-size: 20px;
  margin: 7.86px 0 12px 0;
}

.main-auction__title-style--spacing {
  margin-bottom: 6px;
}

.main-auction label {
  font-size: 16px;
}

.main-auction .form-label {
  font-size: 16px;
}

.main-auction .dropdown-menu {
  min-width: auto;
}

.main-auction__fsi-calendar {
  top: 50%;
  right: 4%;
  transform: translateY(-50%);
}

.main-auction__fsi-calendar.fsi {
  font-size: 22px;
}

.main-auction .checkbox {
  padding-left: 20px !important;
}

.main-auction .checkbox label:after {
  background: #fff;
  width: 1px;
  height: 1px;
  box-shadow: 2px 0 #fff, 4px 0 #fff, 4px -2px #fff, 4px -4px #fff, 4px -6px #fff, 4px -8px #fff, 4px -10px #fff;
  left: 3px;
  top: 12px;
  transform: rotate(45deg);
}

.main-auction__calendar .dropdown-menu {
  z-index: 1;
}

.main-auction__calendar--position {
  position: relative;
}

.main-auction--dropdown {
  z-index: 0;
}

.main-auction__sub-container {
  width: 75%;
  margin-left: 16px;
  margin-bottom: 32px;
}

.main-auction__sub-container__two-columns {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.main-auction__sub-container__two-columns__one-field {
  width: 48%;
}

.main-auction__sub-container__two-columns__one-field--icon {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.main-auction__sub-container__two-columns__two-divs__first-field {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55%;
}

.main-auction__sub-container__two-columns__two-divs__second-field {
  width: 40%;
}

.main-auction__sub-container__two-columns__two-divs__second-field--timer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.main-auction__sub-container__two-columns__two-divs__second-field--timer__select-container {
  width: 47%;
}

.main-auction__sub-container__two-columns__two-divs__second-field--timer__select-container--select {
  height: 100%;
  width: 100%;
  padding-left: 15px;
}

.main-auction__sub-container__two-columns__two-divs--icon {
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
}

.main-auction .zmdi-info {
  font-size: 1rem;
  margin-left: 0.5rem;
}

.main-auction .zmdi-info__disabled {
  color: #C8C8C8;
}

.main-auction .auction-tool-tip.show {
  opacity: 1 !important;
}

.main-auction .auction-tool-tip .tooltip-inner {
  padding: 0.313rem 0.75rem;
  text-align: start;
  max-width: 14.375rem;
  width: 14.375rem;
  position: relative;
}

.main-auction .opt-to-bfg-community .arrow {
  top: 65%;
}

.main-auction .opt-to-bfg-community .tooltip-inner {
  top: 1rem;
}

.main-auction .use-absentee-bidding .arrow {
  top: 62%;
}

.main-auction .use-absentee-bidding .tooltip-inner {
  top: 1.25rem;
}

.main-auction .btn-info {
  background-color: #117a8b !important;
  border-color: #117a8b !important;
}

.main-auction .btn-info span {
  color: white !important;
}

.main-auction .time-container {
  padding-left: 0;
}

.main-auction .inline-time {
  display: flex;
  justify-content: flex-end;
}

.main-auction .inline-time > * {
  border-radius: 2px;
}

.main-auction .inline-time input, .main-auction .inline-time .widget-filter div.form-control input[type=number], .widget-filter div.form-control .main-auction .inline-time input[type=number] {
  width: 75px;
}

.main-auction .inline-time select {
  width: 4.125rem;
  border: 0.0625rem solid #CECECE;
  height: 2.25rem;
  vertical-align: top;
  margin-left: 0.6875rem;
  font-size: 0.875rem;
  padding: 0 0.65rem;
}

.main-auction .special-time {
  border: 0.0625rem solid #CECECE;
  width: 4.688rem;
  height: 2.25rem;
  display: flex;
  justify-content: flex-start;
  padding-left: 0.125rem;
}

.main-auction .special-time--time-width {
  width: 50%;
}

.main-auction .special-time table {
  margin-top: 0.1875rem;
}

.main-auction .special-time .form-group.uib-time.hours > input, .main-auction .special-time .widget-filter div.form-control .form-group.uib-time.hours > input[type=number], .main-auction .special-time .form-group.uib-time.minutes > input, .main-auction .special-time .widget-filter div.form-control .form-group.uib-time.minutes > input[type=number] {
  padding: 0;
  border: 0;
  box-shadow: none;
  height: 1.625rem;
  background: transparent;
  font-size: 0.875rem;
  width: 1.5rem !important;
}

.main-auction .special-time .form-group.uib-time.hours > .no-time, .main-auction .special-time .form-group.uib-time.minutes > .no-time {
  width: 1.625rem !important;
}

.main-auction .special-time .form-group.uib-time.hours {
  padding-right: 0;
}

.main-auction .special-time .form-group.uib-time.hours > input, .main-auction .special-time .widget-filter div.form-control .form-group.uib-time.hours > input[type=number] {
  text-align: right;
}

.main-auction .special-time .form-group.uib-time.minutes {
  padding-left: 0;
}

.main-auction .special-time .form-group.uib-time.minutes > input, .main-auction .special-time .widget-filter div.form-control .form-group.uib-time.minutes > input[type=number] {
  text-align: left;
}

.main-auction .special-time .uib-separator {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1px;
}

.main-auction .special-time .uib-time.am-pm {
  display: none;
}

.main-auction .form-field-invalid {
  border: 0.0625rem solid #D0021B;
}

.main-auction .fields-disabled {
  opacity: 1;
}

.main-auction .fields-disabled__container, .main-auction .fields-disabled.dropdown-caret select {
  background-color: #ECECEC;
  z-index: 0;
}

.main-auction .fields-disabled__container.form-field.ng-invalid.ng-touched, .main-auction .fields-disabled.dropdown-caret select.form-field.ng-invalid.ng-touched {
  border: 0.0625rem solid #ECECEC;
  border-bottom: 0.0625rem solid #ECECEC !important;
}

.main-auction .fields-disabled .uib-separator, .main-auction .fields-disabled .uib-time input, .main-auction .fields-disabled .uib-time .widget-filter div.form-control input[type=number], .widget-filter div.form-control .main-auction .fields-disabled .uib-time input[type=number], .main-auction .fields-disabled select {
  color: #C8C8C8;
}

.main-auction .fields-disabled.dropdown-caret:before {
  border-color: #C8C8C8;
}

.main-auction .fields-disabled__calendar {
  color: #C8C8C8;
}

.insight-not-authorized {
  height: 100%;
  margin-top: 160px;
  text-align: center;
  width: 100%;
}

.insight-not-authorized > .insight-error-no {
  height: 48px;
  /*width: 124px;*/
  color: #4A4A4A;
  font-family: "Open Sans";
  font-size: 72px;
  font-weight: 600;
  line-height: 48px;
}

.insight-not-authorized > .insight-error-message {
  height: 24px;
  /*width: 449px;*/
  color: #4A4A4A;
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 48px;
  margin-top: 48px;
}

.no-report-img {
  padding-top: 36px;
}

.no-reports-title {
  font-weight: 600;
  font-size: 24px;
  padding-bottom: 14px;
  padding-top: 16px;
}

.insight-workbook-view-wrapper {
  height: auto;
  min-height: 50px;
}

.modal.insight-modal {
  text-align: center;
  padding: 0 !important;
}

.modal.insight-modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal.insight-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: 800px;
}

.insight-modal {
  color: #4A4A4A;
}

.insight-modal .modal-content {
  -webkit-box-shadow: none;
}

.insight-modal .modal-header {
  padding-left: 24px;
  padding-top: 24px;
  padding-right: 24px;
  border-bottom: none;
  padding-bottom: 0;
}

.insight-modal .modal-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.insight-modal .no-shadow {
  -webkit-box-shadow: none;
}

.insight-modal .add-report-item .report-description {
  padding-right: 14px;
  padding-left: 0;
  margin-top: 21px;
  margin-bottom: 19px;
}

.insight-modal .add-report-item .report-wrapper {
  border: 1px solid #C8C8C8;
  border-radius: 4px;
  margin: 9px 10px 12px 4px;
  width: 355px;
  height: 125px;
}

.insight-modal .add-report-item .report-img-wrapper {
  padding-right: 0;
  padding-left: 0;
}

.insight-modal .add-report-item a {
  color: #4A4A4A;
}

.insight-modal .add-report-item a :hover {
  text-decoration: none;
}

.insight-modal .add-report-item img {
  width: 48px;
  height: 48px;
  margin: 30px 15px 30px 20px;
}

.insight-modal .add-report-item h4 {
  font-weight: bold;
  line-height: 24px;
  margin: 0;
}

.insight-modal .add-report-item span {
  font-size: 14px;
  line-height: 20px;
}

.insight-modal .custom-label label:before {
  border: 2px solid #0C0C0C;
  border-radius: 1px;
}

.insight-modal .custom-label label {
  font-size: 14px;
  line-height: 16px;
}

.insight-modal .custom-label span {
  color: #808285;
  font-size: 12px;
  line-height: 16px;
}

.insight-modal .select-counter {
  background-color: #ECECEC;
  margin-left: 19px;
}

.insight-modal .select-counter .counter {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
}

.insight-modal .body-container {
  padding-left: 19px;
}

.insight-modal .invalid-selection {
  color: #D0021B;
}

.wrappert-no-margin {
  margin-top: 0;
}

.project-view-panel {
  padding: 5px 8px 39px 8px !important;
}

.select-events .title {
  margin-top: 0px !important;
}

.select-events .event-date {
  color: #808285;
  font-size: 12px;
}

.select-events .checkbox input[type="checkbox"]:disabled + label, .select-events .checkbox .widget-filter div.form-control input[type="checkbox"][type=number]:disabled + label {
  opacity: 0.25;
  cursor: not-allowed;
}

.select-events .checkbox {
  padding-left: 20px !important;
}

.select-events .modal-header .close {
  font-family: 'Material Icons' !important;
  content: '\e5cd' !important;
  font-size: 0px;
  color: #fff !important;
  position: absolute;
  top: -10px;
  right: -28px;
  font-weight: 100;
  opacity: 1 !important;
}

.select-events .btn-primary-inverse {
  border: 1px solid white;
  font-weight: 600;
}

.select-events .btn-primary-inverse:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select-events .modal-footer {
  border-top: none;
}

.select-events .select-counter {
  padding-top: 5px;
  padding-bottom: 5px;
}

.btn {
  height: 36px;
  width: auto;
  min-width: 92px;
  line-height: 20px;
}

.mr-0 {
  margin: 0;
}

.btn-secondary-button {
  color: #0077AD;
  background-color: #FFFFFF;
  border-color: #0077AD;
  font-weight: 600;
  border-radius: 4px;
}

.btn-secondary-button:hover {
  background-color: #EEFBFF;
  color: #0077AD;
}

.btn-secondary-button:active {
  background-color: #ECECEC;
  color: #0077AD;
}

.btn-secondary-button:focus {
  color: #0077AD;
}

.tag {
  background-color: #C8C8C8;
  border-radius: .25em;
  color: #4A4A4A;
  margin-left: 8px;
  vertical-align: middle;
}

body .btn-link {
  background-color: #fff !important;
  color: #0077ad !important;
  text-decoration: none !important;
  border-radius: 4px;
}

body .btn-link:hover {
  background-color: #EEFBFF !important;
  color: #0077ad !important;
}

body .btn-link:active {
  background-color: #ececec !important;
  color: #0077ad !important;
}

body .btn-link:focus {
  box-shadow: none !important;
  outline: none !important;
  color: #0077ad !important;
}

body .btn-link:disabled, body .btn-link.disabled {
  color: #c8c8c8 !important;
}

.angular-ui-tree-drag .participation-body td {
  padding: 0.3rem;
}

.angular-ui-tree-drag .participation-body td:nth-child(3) {
  display: none;
}

.angular-ui-tree-drag .participation-body .participation-input-icon {
  position: absolute;
  left: 0.375rem;
  top: 0.5rem;
  font-size: 0.9rem;
  z-index: 4;
}

.participant-theme table {
  table-layout: fixed;
}

.participant-theme table thead {
  display: table-row-group;
}

.participant-theme table thead tr {
  color: #6E6E6E;
}

.participant-theme table thead tr td {
  padding-top: 10px;
  padding-bottom: 10px;
}

.participant-theme table thead td:nth-child(5) i {
  font-size: 16px;
}

.participant-theme table tbody {
  display: table-row-group;
}

.participant-theme table tbody td {
  vertical-align: top;
}

.participant-theme table tbody td:nth-child(1) {
  padding: 0.2rem;
}

.participant-theme table tbody td:nth-child(1) .drag-handler {
  height: 38px;
  padding-top: 9px;
}

.participant-theme table tbody td:nth-child(3) {
  display: none;
}

.participant-theme table tbody .display-row {
  display: table-row;
}

.participant-theme .table-type-responsive {
  min-width: 452px;
}

.participant-theme .form-label {
  font-size: 16px;
}

.participant-theme .participation-input {
  border: 0.0625rem solid #D2D2D2;
  border-radius: 0.25rem;
  background-color: #fff;
  padding-left: 1.5rem;
  font-size: 0.875rem;
  height: 38px;
}

.participant-theme .participation-input:focus {
  z-index: 1;
}

.participant-theme .participation-input-icon {
  position: absolute;
  left: 0.375rem;
  top: 0.6rem;
  font-size: 0.9rem;
  z-index: 2;
}

.participant-theme .expanded-record {
  background-color: #F9F9FB;
}

.participant-theme .expanded-record .expanded-border {
  border-top: none;
}

.participant-theme .ng-invalid-required:required {
  background-image: none;
}

.participant-theme .participation-table {
  border: 1px solid #dee2e6;
}

.participant-theme .angular-ui-tree-placeholder {
  display: none;
}

.participant-theme .description-section,
.participant-theme .coupon-code-section {
  padding: 0 20px;
}

.participant-theme .hide-type-section {
  padding: 0 20px 0 40px;
}

.participant-theme .hide-type-section label {
  font-weight: normal;
}

.participant-theme .hide-type-section p,
.participant-theme .hide-type-section span {
  padding-left: 14px;
}

.participant-theme .text-required {
  color: #ec0b0b;
}

.participant-theme .delete-coupon {
  opacity: 0.8;
  padding-top: 7px;
}

.participant-theme .disabled-delete {
  opacity: 0.2;
}

.participant-theme input::placeholder, .participant-theme .widget-filter div.form-control input[type=number]::placeholder, .widget-filter div.form-control .participant-theme input[type=number]::placeholder {
  color: #C8C8C8;
}

.participant-theme .gear-border {
  border-bottom: 1px solid black !important;
}

.valid-form-control {
  border: 1px solid #C8C8C8 !important;
}

.edit-participation .p2p-details {
  margin: 1.5rem 0 0 0;
  padding: 0 15px;
}

.edit-participation .p2p-details label {
  line-height: 20px;
}

.edit-participation .p2p-details textarea {
  resize: none;
}

.project-view .tag {
  font-size: 12px;
}

.project-view label {
  line-height: 30px;
}

.project-view .form-field__addon {
  color: #808285;
  position: absolute;
  top: 7px;
  left: 23px;
  font-size: 14px;
}

.project-view .project-goal-field {
  padding-left: 22.5px;
}

.project-view .project-button-individual {
  height: 56px;
  padding-top: 20px;
  padding-right: 15px;
  display: flex;
  float: right;
  justify-content: flex-end;
}

.project-view .project-button-group {
  height: 56px;
  padding-top: 20px;
  padding-right: 15px;
  display: flex;
  float: right;
  justify-content: flex-end;
}

.project-view .project-button-group .btn {
  margin-left: 16px;
  padding: 0.375rem 0.75rem;
}

.project-view .project-button-group .dropdown-menu {
  font-size: 12px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
  border: 1px solid #c8c8c8;
  box-sizing: border-box;
  min-width: 66px;
  width: auto;
  text-align: center;
  left: auto !important;
  right: 73px;
  top: 4px !important;
  z-index: 1;
}

.project-view .project-button-group .dropdown-menu__donation {
  right: 110px;
}

.project-view .project-button-group .dropdown-menu__donation-livestream {
  right: 282px;
}

.project-view .project-button-group .dropdown-menu .dropdown-item {
  line-height: 12px;
  padding: 14.26px 4.74px 9.17px 10px;
  color: #4A4A4A;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}

.project-view .project-button-group .dropdown-menu .dropdown-item:hover {
  background-color: #EEFBFF;
}

.project-view .project-button-group .dropdown-menu .dropdown-item:active {
  background-color: #ECECEC;
}

.project-view .project-button-group .dropdown-menu .dropdown-item-disabled {
  color: #C8C8C8 !important;
  background-color: transparent !important;
}

.project-view .show > .btn-secondary.dropdown-toggle {
  background-color: #ececec !important;
  color: #0077ad !important;
  border: 0.0625rem solid #0077ad !important;
  border-left: none !important;
}

.project-view .dropdown-toggle {
  min-width: auto;
  border-left: none;
}

.project-view .dropdown-toggle:hover, .project-view .dropdown-toggle:focus, .project-view .dropdown-toggle:active {
  border-left: none;
}

.project-view .project-edit-title {
  font-size: 31px;
  font-weight: 600;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}

.project-view .project-view-label {
  font-size: 14px;
  line-height: 30px;
  word-break: break-word;
}

.project-view .margin-top-20 {
  margin-top: 20px;
}

.project-view .ng-invalid-required:required {
  background-image: none;
}

.project-view .text-required {
  color: #ec0b0b !important;
}

.project-view .has-error {
  border-color: #ec0b0b;
}

.project-view .btn[disabled] {
  color: #4A4A4A !important;
  opacity: 0.4;
}

.project-view hr {
  border-top-width: 2px;
}

.project-view a,
.project-view span {
  animation: 0ms ease-out 0s 1 normal none running ripple;
}

.project-tabs ul.nav-tabs > li > a {
  padding: 10px 12px 24px 12px;
  font-size: 16px;
}

.project-modal-title {
  height: 32px;
  color: #4A4A4A;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin-top: 10px !important;
}

.upload {
  box-sizing: border-box;
  height: 122px;
  width: 202px;
  border: 1px solid #C8C8C8;
  color: #0077AD;
  padding: 0;
  margin: 0.5625rem 0 1.875rem 0;
}

.card-options {
  height: 148px;
}

.no-logo {
  align-items: center;
  display: flex;
  justify-content: center;
}

.page-container {
  display: flex;
  flex-wrap: wrap;
}

.page-container__sort-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 24px;
}

.page-container__sort-container .dropdown-caret {
  z-index: 0;
}

.page-container__sort-container__filter {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  margin-right: 24px;
}

.page-container__sort-container--label {
  margin-right: 12px;
}

.page-container__sort-container--select {
  padding: 5px 30px 8px 10px;
  height: 36px;
}

.page-container--direction {
  flex-direction: column;
}

.page-container__card {
  height: auto;
  min-height: 161px;
  width: 356px;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  margin-top: 24px;
  margin-right: 24px;
  padding: 12px 12px 24px 24px;
}

.page-container__card:hover {
  box-shadow: 0 1px 16px 6px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
}

.page-container__content {
  margin-bottom: 29.03px;
}

.page-container__content--dates {
  height: 25.87px;
  color: #4A4A4A;
  font-size: 14px;
  line-height: 20px;
}

.page-container__active-btn {
  height: 16px;
  border-radius: 2px;
}

.page-container__active-btn__text {
  background-color: #0077AD;
  cursor: pointer;
  height: 16px;
  width: 46px;
  text-align: center;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 600;
  float: right;
  line-height: 10px;
}

.page-container__active-btn__text--align {
  vertical-align: sub;
}

.page-container__actions {
  flex-direction: row;
}

.page-container__actions > a {
  margin-right: 24px;
  font-size: 14px;
}

.page-container__actions > a:last-child {
  margin-right: 0;
}

.style-link {
  color: #0077AD;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
}

.style-link:hover {
  color: #028CBD;
  text-decoration: underline !important;
}

.style-link:active {
  color: #01648C;
}

.middle {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 122px;
  width: 122px;
}

.block {
  display: block;
}

.image-options {
  height: 26px;
  border-top: 1px solid #C8C8C8;
  padding: 3px;
  font-size: 12px;
}

.float-right {
  float: right;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
  z-index: 1;
}

.header-sticky {
  position: sticky;
  top: 60px;
  background-color: white;
  z-index: 2;
  padding-bottom: 15px !important;
}

.header-sticky.no-records {
  position: inherit;
}

.header-sticky .counter {
  margin-bottom: 0px !important;
}

.header-sticky h5 {
  color: darkgray;
  font-size: 14px;
}

.header-sticky .subtitle {
  color: #4A4A4A;
}

.rp-ft {
  margin-top: 0;
}

.dropdown-search-style .ui-select-container {
  border-radius: 0.25rem;
}

.dropdown-search-style .ui-select-container .ui-select-search {
  width: 100% !important;
}

.dropdown-search-style .ui-select-container .ui-select-choices-row-inner {
  margin-right: 0;
}

.dropdown-search-style .ui-select-container .btn-default-focus {
  background-color: transparent;
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

.dropdown-search-style .form-control.ui-select-toggle {
  width: 100%;
  margin-right: 0;
  font-weight: 400;
  padding: 6px 12px;
  line-height: 1.5;
}

.dropdown-search-style .open > .dropdown-menu {
  display: block;
  min-width: 250px;
}

.dropdown-search-style .open > a {
  outline: 0;
}

.report-tb {
  color: #4A4A4A;
  overflow-x: auto;
}

.report-tb tr:first-child td {
  position: sticky;
  top: 277px;
  background-color: #ECECEC;
  color: #6E6E6E;
  -webkit-box-shadow: 0px 1px #9e9e9e;
  -moz-box-shadow: 0px 1px #9e9e9e;
  box-shadow: 0px 1px #9e9e9e;
}

.keywords-reprt tr:first-child td {
  top: 212px;
}

.keyword-warning .fsi {
  font-size: 1.5rem;
}

.keyword-warning .growl-fsi-icon.fsi-warning:before {
  color: #0077AD;
}

.no-box-shadow {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}

.report-tb-total {
  position: sticky;
  top: 290px;
  background-color: white;
  font-size: 20px;
  -webkit-box-shadow: 0 1px #9e9e9e;
  -moz-box-shadow: 0 1px #9e9e9e;
  box-shadow: 0 1px #9e9e9e;
}

.donation-report tr:first-child td {
  top: 279px;
}

.donation-report .no-records table {
  display: inline-table;
}

.donation-report .no-records td {
  min-width: 143px !important;
}

.fund-minimum-report {
  margin-bottom: -24px;
}

.fund-minimum-report tr:first-child td {
  top: -1px;
}

.fund-minimum-report td {
  vertical-align: middle !important;
}

.team-report .no-records table {
  display: inline-table;
}

.team-report .no-records td {
  min-width: 144px !important;
}

.team-report-page {
  border: none;
}

.team-report-page .static-space {
  position: fixed;
  width: auto;
  left: 273px;
  right: 23px;
  top: 65px;
}

.team-report-page .static-space--table {
  left: 256px;
  right: 8px;
  top: 270px;
}

.team-report-page tr:first-child td {
  top: 265px;
}

.team-report-page h5 {
  margin-bottom: 0px !important;
}

.team-report-page h3 {
  margin-bottom: 32px !important;
  margin-top: 28px !important;
}

.team-report-page .pt-4 {
  padding-top: 11px !important;
}

.team-report-page .header-sticky {
  padding-bottom: 0px !important;
}

.team-report-page input::placeholder, .team-report-page .widget-filter div.form-control input[type=number]::placeholder, .widget-filter div.form-control .team-report-page input[type=number]::placeholder {
  color: gray;
  font-size: 1rem;
}

.team-report-page .form-field {
  border-color: #ced4da;
  box-shadow: none;
  font-size: 1rem;
  -webkit-box-shadow: none;
  border-radius: 0.25rem !important;
  height: calc(1.5em + 0.75rem + 2px) !important;
}

.team-report-page .form-field:focus {
  border: 0.0625rem solid #4A4A4A;
  border-bottom: 0.0625rem solid #4A4A4A;
}

.team-details-container .tab-content {
  max-height: initial;
  padding: 0;
  margin: 0 0 16px 0;
  overflow: visible;
}

.team-details-container .tab-content .row-container {
  margin-top: 2rem;
}

.team-details-container .tab-content .cards-amounts {
  background-color: #EEFBFF;
  display: flex !important;
  justify-content: space-between !important;
  padding: 0 2rem 0 1rem !important;
}

.team-details-container .tab-content .cards-amounts .amount-description {
  font-size: 14px;
}

.team-details-container .tab-content .cards-amounts .card-content {
  margin: 1rem 0 1rem 0;
  width: 18%;
}

.team-details-container .tab-content .cards-amounts .card-content h3 {
  font-size: 1.5rem;
}

.team-details-container .tab-content .form-group {
  margin-bottom: 25px;
  overflow: hidden;
}

.team-details-container .tab-content .full-name-normal {
  font-weight: normal;
}

.team-details-container .tab-content .control-label {
  color: #4A4A4A;
  font-size: 16px;
  font-weight: bold;
}

.team-details-container .tab-content .form-field {
  border-color: #ced4da;
  box-shadow: none;
  font-size: 14px;
  -webkit-box-shadow: none;
}

.team-details-container .tab-content .form-field:focus {
  border: 0.0625rem solid #4A4A4A;
  border-bottom: 0.0625rem solid #4A4A4A;
}

.team-details-container .tab-content .form-field.ng-invalid, .team-details-container .tab-content .has-error > .form-field {
  border: 0.0625rem solid #D0021B !important;
  border-bottom: 0.0625rem solid #D0021B !important;
}

.team-details-container .tab-content .form-field-disable > div > span:first-child {
  color: #C8C8C7 !important;
}

.team-details-container .tab-content .form-field-disable option {
  color: #4A4A4A;
}

.team-details-container .tab-content .dropdown-caret:not(.zindex-desce):before {
  top: 28px;
}

.team-details-container .tab-content .has-error:not(.zindex-desce):before {
  top: 3px;
}

.team-details-container .ui-select-toggle {
  border: 1px solid #ced4da;
}

.team-details-container .type-dropdown {
  overflow: visible !important;
}

.participant-report-page tr:first-child td {
  top: 296px !important;
}

.project-report-page {
  border: none;
}

.project-report-page tr:first-child td {
  top: 304px;
}

.project-report-page .static-space {
  position: fixed;
  width: auto;
  left: 272px;
  right: 23px;
}

.project-report-page .static-space--table {
  left: 257px;
  right: 8px;
  top: 309px;
}

.project-report-page .header-sticky {
  padding-bottom: 0px !important;
}

.project-report-page .flex-header {
  display: flex;
  flex-wrap: wrap;
}

.project-report-page .charge-btn {
  margin-top: 7px;
  margin-bottom: 7px;
  margin-left: 24px;
}

.project-report-page .participant-filter {
  padding-left: 10px;
  margin-bottom: 13px;
}

.project-report-page .pt-header {
  margin-bottom: 24px !important;
  margin-top: 26px !important;
}

.project-report-page .flex-section-reverse {
  display: flex;
  flex-flow: wrap-reverse;
  margin-top: 10px !important;
}

.project-report-page .flex-section-reverse h5 {
  margin-bottom: 14px;
  padding: 10px;
}

.project-report-page .teamSelect {
  width: 75%;
}

.donation-report-page tr:first-child td {
  top: 259px;
}

.truncate-column-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.contact-information .has-error .form-control {
  border-color: #D0021B !important;
}

.contact-information .editable-error {
  color: #D0021B !important;
}

.contact-information .asterisk {
  font-weight: bold;
}

.paymentdetails-report-page .static-space {
  position: fixed;
  width: auto;
  left: 275px;
  right: 25px;
  top: 77px;
}

.paymentdetails-report-page .static-space--table {
  left: 260px;
  right: 10px;
  top: 295px;
}

.paymentdetails-report-page tr:first-child td {
  top: 254px;
}

.project-pages-report-page {
  border: 0;
}

.project-pages-report-page tr:first-child td {
  top: 240px;
}

.project-pages-report-page .items {
  height: 14px;
  width: auto;
  color: #808285;
  font-size: 14px;
  line-height: 14px;
  margin-top: 16px;
}

.project-pages-report-page .export-section {
  text-align: right;
}

.project-donation-report-page .dropdown-search-style .ui-select-container {
  border: 1px solid #ced4da;
  height: 38px;
}

.project-donation-report-page .static-space {
  position: fixed;
  width: auto;
  left: 273px;
  right: 23px;
  top: 65px;
}

.project-donation-report-page .static-space--table {
  left: 256px;
  right: 8px;
  top: 327px;
}

.project-donation-report-page .padd-b-0 {
  padding-bottom: 0 !important;
}

.project-donation-report-page tr:first-child td {
  top: 309px;
}

.project-donation-report-page h3 {
  margin-top: 26px;
  margin-bottom: 24px !important;
  font-size: 24px;
}

.project-donation-report-page .donation-filter {
  margin-bottom: 13px;
}

.project-donation-report-page .team {
  width: 19%;
}

.project-donation-report-page .filters {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px;
}

.project-donation-report-page .filter {
  display: flex;
  align-items: center;
}

.project-donation-report-page .filter span {
  margin-right: 5px;
}

.project-donation-report-page .teams {
  width: 215px;
}

.project-donation-report-page .participants {
  width: 254px;
}

.project-donation-report-page .filter-options {
  width: 130px;
  margin-right: 12px;
}

.project-donation-report-page .team-participant {
  width: 272px;
  margin-right: 24px;
  height: 39px;
}

.project-donation-report-page .statuses {
  width: 270px;
  line-height: 36px;
  margin-right: 24px;
}

.project-donation-report-page .campaign-status {
  width: 253px;
  line-height: 36px;
}

.project-donation-report-page .donations-view-selected {
  width: 26.25rem;
}

.pt-1-25-rem {
  padding-top: 1.25rem;
}

.add-offline-btn {
  margin-left: 10px;
}

.smartlist-report {
  padding: 25px 48px 20px 48px;
}

.smartlist-report .card-block {
  height: 100%;
}

.smartlist-report .header-sticky-smartlist {
  position: sticky;
  top: 60px;
  background-color: #fff;
  z-index: 1;
}

.smartlist-report .header-sticky-smartlist h5 {
  color: darkgray;
  font-size: 14px;
}

.smartlist-report .form-group input, .smartlist-report .form-group .widget-filter div.form-control input[type=number], .widget-filter div.form-control .smartlist-report .form-group input[type=number] {
  background-image: url("/Static/Images/Panorama2.0/Project/search.svg");
  background-repeat: no-repeat;
  background-position: right 7px top 7px;
}

.smartlist-report .form-group ::placeholder {
  color: #C8C8C8;
}

.smartlist-report .smartlist-table tr:first-child td {
  top: 198px;
}

.smartlist-report .recipients-table tr:first-child td {
  top: 235px;
}

.smartlist-report .recipients-table-no-description tr:first-child td {
  top: 218px;
}

.smartlist-report .edit-columns-modal .modal-dialog {
  width: 800px;
}

.smartlist-report .edit-columns-modal .modal-body {
  padding: 25px 25px;
}

.smartlist-report .edit-columns-modal .modal-header {
  flex-direction: row !important;
  border-bottom: 1px solid #C8C8C8;
  padding: 25px;
}

.smartlist-report .edit-columns-modal .modal-header .modal-title {
  color: #4A4A4A;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin: 0 !important;
}

.smartlist-report .edit-columns-modal .modal-header .modal__close {
  -webkit-appearance: unset;
  top: -5px;
  right: -36px;
}

.smartlist-report .edit-columns-modal .modal-body .subtitle__first-column {
  font-size: 16px;
  font-weight: bold;
  padding-left: 16px;
}

.smartlist-report .edit-columns-modal .modal-body .subtitle__second-column {
  font-size: 16px;
  font-weight: bold;
  padding-left: 45px;
}

.smartlist-report .edit-columns-modal .modal-body h5 {
  color: darkgray;
  font-size: 14px;
  padding-top: 4px;
}

.smartlist-report .edit-columns-modal .modal-body .edit-modal-input {
  border: 0.0625rem solid #D2D2D2;
  border-radius: 0.25rem;
  background-color: #fff;
  font-size: 14px;
  height: 36px;
  background-image: none;
  width: 20rem;
}

.smartlist-report .edit-columns-modal .modal-body .custom-fsi {
  font-size: 24px;
  padding-top: 6px;
  padding-right: 8px;
}

.smartlist-report .edit-columns-modal .modal-body .edit-modal-input:focus {
  z-index: 1;
}

.smartlist-report .edit-columns-modal .modal-body__checkbox {
  margin-bottom: 5px;
}

.smartlist-report .edit-columns-modal .modal-body__checkbox .checkbox {
  padding-left: 1.25rem !important;
}

.smartlist-report .edit-columns-modal .modal-body__checkbox .checkbox label {
  padding-left: 0.75rem;
  font-weight: normal;
}

.smartlist-report .edit-columns-modal .modal-body__checkbox .checkbox label:before {
  margin-top: 0.0625rem;
}

.smartlist-report .edit-columns-modal .modal-body__checkbox .radio {
  padding-left: 4px !important;
}

.smartlist-report .edit-columns-modal .modal-body__checkbox .ng-submitted .ng-invalid .control-label, .smartlist-report .edit-columns-modal .modal-body__checkbox .ng-submitted .ng-invalid .checkbox {
  color: #4A4A4A;
}

.smartlist-report .edit-columns-modal .modal-body__checkbox .ng-submitted .ng-invalid .form-control {
  border-color: #ccc !important;
}

.smartlist-report .edit-columns-modal .modal-body__checkbox .ng-submitted .ng-invalid .input-group-addon {
  color: #555;
  border-color: #ccc;
  background-color: #eee;
}

.smartlist-report .edit-columns-modal .modal-body__checkbox .invalid-input {
  border-color: #D0021B !important;
}

.smartlist-report .edit-columns-modal .modal-body__checkbox .invalid-input:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dc4448 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dc4448 !important;
}

.smartlist-report .edit-columns-modal .modal-body .angular-ui-tree-empty {
  border: none;
  min-height: 0;
  background-color: none;
}

.smartlist-report .edit-columns-modal .modal-footer {
  border-top: none;
  padding: 0 25px 25px 25px;
}

.smartlist-report .edit-columns-modal .modal-footer .btn-primary {
  border-radius: 4px;
  margin-right: 0;
  border-color: #0077AD !important;
}

.smartlist-report .edit-columns-modal .modal-footer .btn-primary-inverse {
  border: 1px solid white;
  font-weight: 600;
}

.smartlist-report .edit-columns-modal .modal-footer .btn-primary-inverse:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 900px) {
  .smartlist-report .edit-columns-modal .modal-dialog {
    width: auto;
  }
  .smartlist-report .edit-columns-modal .edit-modal-input {
    width: 20rem;
  }
  .smartlist-report .edit-columns-modal .modal-header .modal__close {
    color: #000;
    opacity: 0.2;
    position: initial;
  }
  .smartlist-report .edit-columns-modal .modal-content .edit-modal-input {
    width: 10rem;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .smartlist-report .edit-columns-modal .modal-dialog {
    width: 600px;
  }
  .smartlist-report .edit-columns-modal .modal-content .edit-modal-input {
    width: 10rem;
  }
}

@media (min-width: 570px) and (max-width: 768px) {
  .smartlist-report .edit-columns-modal .modal-content .edit-modal-input {
    width: 7rem;
  }
}

.recipients-modal .modal-dialog {
  width: 800px;
}

.recipients-modal .modal-body {
  padding: 25px 25px;
}

.recipients-modal .modal-header {
  flex-direction: row !important;
  border-bottom: 1px solid #C8C8C8;
}

.recipients-modal .modal-header .modal-title {
  color: #4A4A4A;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin: 0 !important;
}

.recipients-modal .modal-header .modal__close {
  -webkit-appearance: unset;
  top: -5px;
  right: -36px;
}

.recipients-modal .modal-content h5 {
  color: darkgray;
  font-size: 14px;
}

.recipients-modal .modal-content .form-group input, .recipients-modal .modal-content .form-group .widget-filter div.form-control input[type=number], .widget-filter div.form-control .recipients-modal .modal-content .form-group input[type=number] {
  background-image: url("/Static/Images/Panorama2.0/Project/search.svg");
  background-repeat: no-repeat;
  background-position: right 7px top 7px;
}

.recipients-modal .modal-content .form-group ::placeholder {
  color: #C8C8C8;
}

.recipients-modal .modal-content .report-tb tr:first-child td {
  position: inherit;
}

.recipients-modal .modal-footer {
  border-top: none;
  padding: 0 25px 25px 25px;
}

.recipients-modal .modal-footer .btn-primary {
  border-radius: 4px;
  margin-right: 0;
  border-color: #0077AD !important;
}

.recipients-modal .modal-footer .btn-primary-inverse {
  border: 1px solid white;
  font-weight: 600;
}

.recipients-modal .modal-footer .btn-primary-inverse:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 900px) {
  .recipients-modal .modal-dialog {
    width: auto;
  }
  .recipients-modal .edit-modal-input {
    width: 20rem;
  }
  .recipients-modal .modal-header .modal__close {
    color: #000;
    opacity: 0.2;
    position: initial;
  }
  .recipients-modal .modal-content .edit-modal-input {
    width: 10rem;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .recipients-modal .modal-dialog {
    width: 600px;
  }
  .recipients-modal .modal-content .edit-modal-input {
    width: 10rem;
  }
}

@media (min-width: 570px) and (max-width: 768px) {
  .recipients-modal .modal-content .edit-modal-input {
    width: 7rem;
  }
}

.smartlist-create {
  padding: 25px 48px 20px 48px;
}

.smartlist-create .card-block {
  min-height: 100vh;
  height: 100%;
}

.smartlist-create .header-sticky-smartlist {
  position: sticky;
  top: 60px;
  background-color: #fff;
  z-index: 1;
}

.smartlist-create .header-sticky-smartlist h5 {
  color: darkgray;
  font-size: 14px;
}

.smartlist-create .smartlist-details {
  max-width: 49.875rem;
}

.smartlist-create .smartlist-details .form-control {
  box-sizing: border-box;
  border: 0.0625rem solid #C8C8C8;
  border-radius: 0.125rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.smartlist-create .smartlist-details .form-control:focus {
  border: 0.0625rem solid #4A4A4A;
  border-bottom: 0.0625rem solid #4A4A4A;
}

.smartlist-create .smartlist-details .form-control__has-error {
  border: 0.0625rem solid #D0021B;
}

.smartlist-create .smartlist-details .ng-invalid-required:required {
  background-image: none;
}

.smartlist-create .smartlist-details input.form-required, .smartlist-create .smartlist-details .widget-filter div.form-control input.form-required[type=number], .widget-filter div.form-control .smartlist-create .smartlist-details input.form-required[type=number] {
  display: none;
}

.smartlist-create .smartlist-details .form-control__has-error {
  border: 0.0625rem solid #D0021B;
}

.smartlist-create .smartlist-details__label-name {
  height: 1.25rem;
  color: #4A4A4A;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin-bottom: 0.875rem;
}

.smartlist-create .smartlist-details__maxLength {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 30%;
}

.smartlist-create .smartlist-details textarea {
  resize: none;
}

.smartlist-create .footer-details {
  max-width: 49.875rem;
  bottom: 0;
  height: 5.180625rem;
  background-color: #FFFFFF;
  width: 70%;
  box-sizing: border-box;
  padding: 5.194375rem 1.375rem 1.375rem 0;
}

.smartlist-create .footer-details__button-position {
  float: right;
}

.smartlist-criteria .row {
  margin-left: 0px;
  margin-right: 0px;
}

.smartlist-criteria .col-no-margin {
  padding-left: 0px;
  padding-right: 0px;
}

.smartlist-criteria .col-no-margin-right {
  padding-right: 0px;
}

.smartlist-criteria .col-margin-right {
  padding-left: 0px;
  padding-right: 9px;
}

.smartlist-criteria .filters {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px;
}

.smartlist-criteria .dropdown-caret {
  z-index: 0;
}

.smartlist-criteria .filter {
  display: flex;
  align-items: center;
  width: 100%;
  margin-right: 24px;
  height: 39px;
}

.smartlist-criteria .filter span {
  color: darkgray;
  font-size: 14px;
}

.smartlist-criteria .joint-text {
  border: 1px solid #ccc;
  font-family: "Open Sans";
  color: #808285;
  font-size: 14px;
  border-radius: 60px;
  width: 68px;
  height: 30px;
  text-align: center;
  margin-top: -8px;
  margin-bottom: 8px;
  padding-top: 3px;
  cursor: default;
}

.smartlist-criteria .form-control {
  box-sizing: border-box;
  border: 0.0625rem solid #C8C8C8;
  border-radius: 0.125rem;
}

.smartlist-criteria .form-control:focus {
  border: 0.0625rem solid #4A4A4A;
  border-bottom: 0.0625rem solid #4A4A4A;
}

.smartlist-criteria .form-control__has-error {
  border: 0.0625rem solid #D0021B !important;
}

.smartlist-criteria .ng-invalid-required:required {
  background-image: none;
}

.smartlist-criteria input.form-required, .smartlist-criteria .widget-filter div.form-control input.form-required[type=number], .widget-filter div.form-control .smartlist-criteria input.form-required[type=number] {
  display: none;
}

.smartlist-criteria__label-name {
  height: 1.25rem;
  color: #4A4A4A;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin-bottom: 0.875rem;
}

.smartlist-criteria__maxLength {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 30%;
}

.smartlist-criteria textarea {
  resize: none;
}

.smartlist-criteria .ui-select-toggle,
.smartlist-criteria .ui-select-search,
.smartlist-criteria .custom-form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.smartlist-criteria .ui-select-toggle:focus,
.smartlist-criteria .ui-select-search:focus,
.smartlist-criteria .custom-form-control:focus {
  border: 0.0625rem solid #4A4A4A;
  border-bottom: 0.0625rem solid #4A4A4A !important;
}

.smartlist-criteria .ui-select-toggle:disabled,
.smartlist-criteria .ui-select-search:disabled,
.smartlist-criteria .custom-form-control:disabled {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}

.smartlist-criteria .ui-select-toggle__has-error,
.smartlist-criteria .ui-select-search__has-error,
.smartlist-criteria .custom-form-control__has-error {
  border: 0.0625rem solid #D0021B;
}

.smartlist-criteria .ui-select-toggle__has-error:focus,
.smartlist-criteria .ui-select-search__has-error:focus,
.smartlist-criteria .custom-form-control__has-error:focus {
  border-color: #D0021B;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dc4448;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dc4448;
}

.smartlist-criteria date-picker-table-ie {
  display: flex;
  flex-direction: column;
}

.smartlist-criteria date-picker-table-ie__name-days {
  width: 2.125rem;
}

.smartlist-criteria date-picker-table-ie .dropdown-style {
  width: 100%;
}

.smartlist-criteria date-picker-table-ie select::-ms-expand {
  display: none;
}

.smartlist-criteria date-picker-table__week-days {
  display: table;
}

.smartlist-criteria date-picker-table__selects > div {
  width: 40%;
}

.smartlist-criteria .delete-button {
  color: #0077AD;
  height: 36px;
  width: 36px;
  padding-top: 8px;
  border: none;
  background: none;
}

.smartlist-criteria .delete-button:hover {
  color: #028CBD;
}

.smartlist-criteria .delete-button:disabled {
  opacity: 0.5;
}

.smartlist-criteria .date-time .time-container {
  padding-left: 0;
}

.smartlist-criteria .date-time .inline-time {
  display: flex;
  justify-content: flex-end;
}

.smartlist-criteria .date-time .inline-time select {
  width: 4.5rem;
  border: 0.0625rem solid #CECECE;
  height: 2.25rem;
  vertical-align: top;
  margin-left: 0.6875rem;
  font-size: 0.875rem;
  padding: 0 0.75rem;
}

.smartlist-criteria .date-time .special-time {
  border: 0.0625rem solid #CECECE;
  width: 4.6875rem;
  height: 2.25rem;
  display: flex;
  justify-content: flex-start;
  border-radius: 0.125rem;
  margin-right: 0.6875rem;
  padding-left: 0.125rem;
}

.smartlist-criteria .date-time .special-time__error {
  border: 0.0625rem solid #D0021B;
}

.smartlist-criteria .date-time .special-time .uib-separator {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0.0625rem;
}

.smartlist-criteria .date-time .special-time .form-group.uib-time.hours {
  padding-right: 0;
}

.smartlist-criteria .date-time .special-time .form-group.uib-time.hours > input, .smartlist-criteria .date-time .special-time .widget-filter div.form-control .form-group.uib-time.hours > input[type=number], .smartlist-criteria .date-time .special-time .form-group.uib-time.minutes > input, .smartlist-criteria .date-time .special-time .widget-filter div.form-control .form-group.uib-time.minutes > input[type=number] {
  padding: 0;
  border: 0;
  box-shadow: none;
  height: 1.625rem;
  background: transparent;
  font-size: 0.875rem;
  width: 1.0625rem !important;
}

.smartlist-criteria .date-time .special-time .form-group.uib-time.hours > .no-time, .smartlist-criteria .date-time .special-time .form-group.uib-time.minutes > .no-time {
  width: 1.625rem !important;
}

.smartlist-criteria .date-time .special-time .uib-time.am-pm {
  display: none;
}

.smartlist-criteria .date-time .special-time table {
  margin-top: 0.1875rem;
}

.smartlist-criteria .date-time .donation-deadline.ng-invalid ~ span {
  top: 1.125rem;
}

.smartlist-criteria .date-time__fsi-calendar {
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
}

.smartlist-criteria .date-time__fsi-calendar.fsi {
  font-size: 1.375rem;
}

.smartlist-criteria .date-time__fsi-calendar--one-line {
  top: 77%;
}

.smartlist-criteria .date-time .date-picker-table__week-days {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.smartlist-criteria .date-time .dropdown-caret {
  z-index: 0;
  max-width: 4.125rem;
  width: 100%;
}

.smartlist-criteria .criteria-list {
  width: 75px;
  z-index: 0;
}

.preview-engagement.email-preview ul {
  list-style-type: none;
}

.preview-engagement.email-preview ul li:hover {
  background-color: #f1f1f1;
}

.preview-engagement.email-preview ul li:active {
  background-color: #EEFBFF;
}

.preview-engagement.email-preview ul li label {
  margin: 0.25rem 0.5rem;
  font-size: 12px;
}

.preview-engagement.email-preview .active-element {
  background-color: #EEFBFF;
}

.preview-engagement.email-preview .preview-content__title {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.preview-engagement.email-preview .preview-content .preview-container {
  max-width: none;
  width: 97%;
}

.preview-engagement.email-preview .preview-content .preview-container h3 {
  font-size: 1.5rem;
}

.preview-engagement.email-preview .preview-content .preview-container .send-email-modal {
  max-width: none;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.preview-engagement.email-preview .preview-content .preview-container .preview-content__body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 1px solid #C8C8C8;
  border-radius: 0.25rem;
  max-width: 52.7571rem;
}

.preview-engagement.email-preview .preview-content .preview-container .preview-content__body .preview-content__preview {
  max-width: none;
  width: 95%;
  margin: auto;
  margin-bottom: 1.5rem;
}

.createp2p-email {
  z-index: 0;
}

.createp2p-email h2,
.createp2p-email h3 {
  font-family: 'Open Sans', sans-serif;
}

.createp2p-email form {
  max-width: 50rem;
}

.createp2p-email .footer-details {
  position: fixed;
  bottom: 0;
  height: 5.180625rem;
  background-color: #FFFFFF;
  width: 75%;
  box-sizing: border-box;
  padding: 1.194375rem 1.375rem 1.375rem 0;
}

.createp2p-email .footer-details__button-position {
  float: right;
}

.schedule-mail .joint-text {
  border: 1px solid #ccc;
  font-family: "Open Sans";
  color: #808285;
  font-size: 14px;
  border-radius: 60px;
  width: 68px;
  height: 30px;
  text-align: center;
  margin-top: -8px;
  margin-bottom: 8px;
  padding-top: 3px;
}

.schedule-mail .form-control {
  box-sizing: border-box;
  border: 0.0625rem solid #C8C8C8;
  border-radius: 0.125rem;
}

.schedule-mail .form-control:focus {
  border: 0.0625rem solid #4A4A4A;
  border-bottom: 0.0625rem solid #4A4A4A !important;
}

.schedule-mail .form-control__has-error {
  border: 0.0625rem solid #D0021B;
}

.schedule-mail .ng-invalid-required:required {
  background-image: none;
}

.schedule-mail input.form-required, .schedule-mail .widget-filter div.form-control input.form-required[type=number], .widget-filter div.form-control .schedule-mail input.form-required[type=number] {
  display: none;
}

.schedule-mail .ui-select-toggle,
.schedule-mail .ui-select-search,
.schedule-mail .custom-form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.schedule-mail .ui-select-toggle:focus,
.schedule-mail .ui-select-search:focus,
.schedule-mail .custom-form-control:focus {
  border-color: #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.schedule-mail .ui-select-toggle:disabled,
.schedule-mail .ui-select-search:disabled,
.schedule-mail .custom-form-control:disabled {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}

.schedule-mail .ui-select-toggle__has-error,
.schedule-mail .ui-select-search__has-error,
.schedule-mail .custom-form-control__has-error {
  border: 0.0625rem solid #D0021B;
}

.schedule-mail .ui-select-toggle__has-error:focus,
.schedule-mail .ui-select-search__has-error:focus,
.schedule-mail .custom-form-control__has-error:focus {
  border-color: #D0021B;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dc4448;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dc4448;
}

.schedule-mail .schedule-details {
  color: #4A4A4A;
  font-family: "Open Sans";
  font-size: 14px;
}

.schedule-mail .schedule-details__recipents {
  font-weight: 600;
}

.schedule-mail .schedule-details__criterias-list {
  margin-top: 0;
  margin-bottom: 0rem;
}

.schedule-mail .schedule-form {
  width: 100%;
  padding-bottom: 6rem;
  padding-left: 0px;
  padding-right: 0px;
}

.schedule-mail .schedule-form .form-control {
  box-sizing: border-box;
  border: 0.0625rem solid #C8C8C8;
  border-radius: 0.125rem;
}

.schedule-mail .schedule-form .form-control:focus {
  border: 0.0625rem solid #4A4A4A;
  border-bottom: 0.0625rem solid #4A4A4A !important;
}

.schedule-mail .schedule-form .ng-invalid-required:required {
  background-image: none;
}

.schedule-mail .schedule-form input.form-required, .schedule-mail .schedule-form .widget-filter div.form-control input.form-required[type=number], .widget-filter div.form-control .schedule-mail .schedule-form input.form-required[type=number] {
  display: none;
}

.schedule-mail .schedule-form .form-control__has-error {
  border: 0.0625rem solid #D0021B;
}

.schedule-mail .schedule-form__label-name {
  height: 1.25rem;
  color: #4A4A4A;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin-bottom: 0.875rem;
}

.schedule-mail .schedule-form__maxLength {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 30%;
}

.schedule-mail .schedule-form textarea {
  resize: none;
}

.schedule-mail .schedule-form__date {
  margin: 0;
  /*Single Date*/
  /*Don't Single Date*/
}

.schedule-mail .schedule-form__date--field-date {
  max-width: 15.3325rem;
  width: 35%;
  margin-right: 0.99625rem;
}

.schedule-mail .schedule-form__date .time-container {
  max-width: 9.5625rem;
  width: 30%;
}

.schedule-mail .schedule-form__date .time-container__max-container {
  max-width: 12.0625rem;
  width: 45%;
}

.schedule-mail .schedule-form__date .time-container__add-margin {
  margin-right: 0px;
  margin-top: -4px;
}

.schedule-mail .schedule-form__date .time-container .dropdown-caret select {
  width: 100%;
  max-width: 4.5rem;
  margin-left: 0;
  border-radius: 0.125rem;
}

.schedule-mail .schedule-form__date .time-container .dropdown-caret__disabled {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}

.schedule-mail .schedule-form__date .time-container__utc {
  margin-left: 0.70125rem;
  display: flex;
  align-items: center;
}

.schedule-mail .schedule-form__date--only-row {
  max-width: 22.5rem;
  width: 50%;
  margin-right: 0.9875rem;
}

.schedule-mail .schedule-form .date-time .inline-time {
  justify-content: flex-start;
}

.schedule-mail .schedule-form .date-time__fsi-calendar {
  right: 0;
}

.schedule-mail .footer-details {
  position: fixed;
  bottom: 0;
  height: 5.180625rem;
  background-color: #FFFFFF;
  width: 80%;
  box-sizing: border-box;
  padding: 1.194375rem 1.375rem 1.375rem 0;
}

.schedule-mail .footer-details__button-position {
  float: right;
}

.campaign-details {
  margin-top: 1.5rem;
  max-width: 30.0625rem;
  width: 100%;
}

.campaign-details__date-width {
  max-width: 35.4rem;
  width: 66%;
  margin-right: 1.5%;
}

.campaign-details__date-width .date-time__fsi-calendar {
  right: 0;
}

.livestream-details .livestream__date--field-date {
  width: 28.5%;
  max-width: 9.1875rem;
  margin-right: 1.5%;
  min-width: 0;
}

.livestream-details .livestream__date .time-container {
  max-width: 11.6875rem;
  width: 100%;
}

.livestream-details__container-time {
  width: 70%;
  display: flex;
  justify-content: space-around;
}

.livestream-details .checkbox {
  padding-left: 1.25rem !important;
  color: #000 !important;
}

.livestream-details .custom-checkbox input[type="checkbox"]:checked + label::after, .livestream-details .custom-checkbox .widget-filter div.form-control input[type="checkbox"][type=number]:checked + label::after {
  margin-top: -0.4375rem;
}

.report-page {
  border: none;
}

.report-page .static-space {
  position: fixed;
  width: auto;
  left: 275px;
  right: 25px;
  top: 77px;
}

.report-page .static-space--table {
  left: 260px;
  right: 10px;
  top: 328px;
}

.report-page .title-button {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin: 0;
}

.report-page .row.pt-3 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.report-page .row.pt-3 .filter-date-container {
  width: 185px;
  padding-left: 15px;
}

.report-page .row.pt-3 .filter-button-group {
  display: flex;
  padding-top: 30px;
  padding-left: 10px;
}

.report-page .row.pt-3 .filter-button-group .btn {
  margin-left: 10px;
}

.report-page .error {
  border: 0.7px solid #D0021B;
}

.report-page .error-date-filter {
  color: #D0021B;
  margin-bottom: 0;
  padding-bottom: 0;
  white-space: nowrap;
}

.report-page .uib-daypicker,
.report-page .uib-monthpicker,
.report-page .uib-yearpicker {
  width: 100%;
}

.report-page .searchInput {
  border-radius: 2px;
}

.report-page .ml-7 {
  margin-left: 10px;
}

.report-page .payment-report .custom-align {
  text-align: right;
}

.donation-form-report tr:first-child td {
  top: 260px;
}

.donation-form-report .static-space--table {
  top: 277px;
}

.livestream-donation-report tr:first-child td {
  top: 314px;
}

.livestream-donation-report .report-tb-total {
  top: 344px;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  pointer-events: auto;
}

.icon-search-color-blue {
  color: #0077AD;
}

.cursor-pointer {
  cursor: pointer;
}

.logo-org {
  max-height: 122px;
  display: inline;
}

.fee-custom-label {
  font-size: 14px !important;
  font-weight: normal;
  overflow: inherit !important;
  white-space: inherit !important;
  text-align: justify;
}

.resize-none {
  resize: none;
}

.alert-dismissable .close, .alert-dismissible .close {
  top: 1.6px !important;
}

.grey-span {
  color: #808285;
  margin-top: 0.3em;
}

.editable-textarea {
  width: 100%;
}

.editable-textarea .editable-controls {
  width: 100%;
  margin: 0;
}

.mission-button {
  height: 36px;
  width: 96px;
  font-size: 14px;
  font-weight: 600;
  padding: 8px;
}

.mission-button .success {
  background-color: #0077AD;
}

.p-no-margin {
  margin-bottom: 0;
}

.no-margin {
  margin: 0;
}

.checkbox {
  padding-left: 30px !important;
}

.checkbox.p-l-20 {
  padding-left: 20px !important;
}

.custom-checkbox label::before {
  font-weight: bolder !important;
  border: 2px solid #4A4A4A !important;
  background-color: #4A4A4A;
  padding-left: 0px;
}

.radio label {
  color: #4A4A4A !important;
}

.radio label:before {
  border: 0.125rem solid #4A4A4A;
  color: #4A4A4A !important;
}

.radio label:after {
  background-color: #4A4A4A;
  color: #4A4A4A !important;
}

.service-checkbox label::before {
  margin-top: 4.5px !important;
}

.service-checkbox input[type="checkbox"]:checked + label::after, .service-checkbox .widget-filter div.form-control input[type="checkbox"][type=number]:checked + label::after {
  font-size: 14px;
  margin-top: 0px !important;
}

.custom-checkbox input[type="checkbox"]:checked + label::after, .custom-checkbox .widget-filter div.form-control input[type="checkbox"][type=number]:checked + label::after {
  margin-top: -2.5px;
}

.checkbox label {
  display: inline-block;
  padding-left: 14px;
  position: relative;
  vertical-align: middle;
}

.checkbox label::before {
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  content: "";
  display: inline-block;
  height: 18px;
  left: 0;
  margin-left: -20px;
  position: absolute;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  width: 18px;
  margin-top: 2px;
  cursor: pointer;
}

.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 2px;
  padding-top: 3px;
  font-size: 11px;
  color: #555555;
}

.checkbox input[type="checkbox"], .checkbox .widget-filter div.form-control input[type="checkbox"][type=number], .widget-filter div.form-control .checkbox input[type="checkbox"][type=number] {
  opacity: 0;
}

.checkbox input[type="checkbox"]:focus + label::before, .checkbox .widget-filter div.form-control input[type="checkbox"][type=number]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked + label::after, .checkbox .widget-filter div.form-control input[type="checkbox"][type=number]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";
  padding-left: 2px !important;
}

.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary .widget-filter div.form-control input[type="checkbox"][type=number]:checked + label::before {
  background-color: #4A4A4A;
  border-color: #4A4A4A;
  outline: none;
}

.checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary .widget-filter div.form-control input[type="checkbox"][type=number]:checked + label::after {
  color: #fff;
  font-weight: lighter !important;
  font-size: 14px;
  cursor: pointer;
}

.radio input[type="radio"]:focus + label::before, .radio .widget-filter div.form-control input[type="radio"][type=number]:focus + label::before {
  outline: none;
}

.m-l-20 {
  margin-left: -20px;
}

.default-pointer {
  cursor: default !important;
}

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

/* PAYMENT DETAIL MODAL */
.modal-body.detail-form label {
  font-weight: normal;
}

.modal-body.detail-form .label-bold {
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.pageDetailsModal .modal-content {
  margin-bottom: 0px !important;
}

.participantDetailsModal .participantDetailHeading {
  color: #4A4A4A;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

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

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

.defineSmartList.sidebarAction .tab-panel {
  height: auto !important;
}

.participantDetailsModal + .modal-backdrop:nth-child(2) {
  display: none;
}

.modal.participantDetailsModal.fade {
  transition: all 0.45s ease-in-out 0.45s;
}

.modal.participantDetailsModal.fade .modal-dialog {
  transition: all 0.45s ease-in-out 0.45s;
}

.modal.participantDetailsModal.fade.in .modal-dialog {
  right: 0;
  transition: all 0.45s ease-in-out 0s;
}

.question-form .ng-invalid-required:required {
  background-image: none;
  background-position: initial;
  background-repeat: initial;
  background-size: initial;
}

.question-form .has-error {
  border-color: #D0021B;
}

.question-form .has-error .form-control {
  border-color: #D0021B;
  color: #D0021B;
}

.question-form .required {
  color: #D0021B;
}

.question-form .form-group {
  overflow: unset !important;
}

.question-form .date {
  width: 16em;
}

.participantDetailsModal::before {
  height: auto !important;
  margin-right: auto !important;
  display: inline !important;
  vertical-align: middle !important;
}

.participantDetailsModal {
  height: auto;
  width: 50%;
  top: 60px !important;
  left: auto;
  background-color: white;
  box-shadow: -4px 0 8px 1px rgba(0, 0, 0, 0.25);
  right: 0;
  z-index: 3 !important;
}

.participantDetailsModal .btn-primary-inverse {
  border: 1px solid white;
  font-weight: 600;
}

.participantDetailsModal .btn-primary-inverse:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.participantDetailsModal .modal-body {
  padding: 0px;
  height: 100%;
}

.participantDetailsModal .paymentDetailContainer {
  box-shadow: none;
  padding: 0;
  min-height: initial;
}

.participantDetailsModal .paymentDetailContainer .tab-content {
  max-height: initial;
  padding: 0;
  margin: 0 0 16px 0;
  overflow: visible;
}

.participantDetailsModal .paymentDetailContainer .tab-content .checkbox {
  padding-left: 20px !important;
}

.participantDetailsModal .paymentDetailContainer .tab-content .clearfix {
  position: relative;
}

.participantDetailsModal .paymentDetailContainer .tab-content .defineParticipantDetails {
  max-height: 100%;
  text-indent: 2px;
}

.participantDetailsModal .paymentDetailContainer .tab-content .defineParticipantDetails__two-col {
  margin-top: 28.5px;
  margin-bottom: 32px;
}

.participantDetailsModal .paymentDetailContainer .tab-content .defineParticipantDetails__contact-info .title {
  color: #4A4A4A;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 10px;
}

.participantDetailsModal .paymentDetailContainer .tab-content .defineParticipantDetails--radio-button .radio {
  padding-left: 0;
}

.participantDetailsModal .paymentDetailContainer .tab-content .form-group {
  margin-bottom: 25px;
  overflow: hidden;
}

.participantDetailsModal .paymentDetailContainer .tab-content .participant-full-name {
  color: #4A4A4A;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 0px !important;
}

.participantDetailsModal .paymentDetailContainer .tab-content .full-name-normal {
  font-weight: normal;
}

.participantDetailsModal .paymentDetailContainer .tab-content .participant-url {
  font-size: 14px;
}

.participantDetailsModal .paymentDetailContainer .tab-content .question-counter {
  bottom: 0;
  color: #808285;
  font-size: 14px;
  padding: 0;
  position: absolute;
  text-align: right;
}

.participantDetailsModal .paymentDetailContainer .tab-content .question-text {
  padding: 0;
}

.participantDetailsModal .paymentDetailContainer .tab-content .radio .form-check-label:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -20px;
  border: 2px solid #555;
  border-radius: 50%;
  background-color: #fff;
  transition: border .15s ease-in-out;
  top: 2px;
}

.participantDetailsModal .paymentDetailContainer .tab-content .radio .form-check-label:after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 10px;
  height: 10px;
  left: 5px;
  top: 7px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555;
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.participantDetailsModal .paymentDetailContainer .tab-content .radio .form-check-radio:focus + .form-check-label::before {
  outline: none;
}

.participantDetailsModal .paymentDetailContainer .tab-content .form-check-radio:before {
  position: relative;
  background-color: black;
  transform: scale(0);
}

.participantDetailsModal .paymentDetailContainer .tab-content .form-check-radio:checked:before {
  transform: scale(0.5);
}

.participantDetailsModal .paymentDetailContainer .tab-content .form-check-radio:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  transition: 240ms;
}

.participantDetailsModal .paymentDetailContainer .tab-content .organization-permissions .margin-left-label {
  margin-left: 0 !important;
}

.participantDetailsModal .modal-dialog {
  height: 100%;
  width: 100%;
  margin: 0;
}

.participantDetailsModal .modal-dialog .modal-content {
  height: 100%;
  width: 100%;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border: none;
  margin-bottom: 50px;
}

.participantDetailsModal .modal-dialog .table-responsive {
  margin-bottom: 0px;
}

.donationDetailsModal .modal-dialog .modal-content {
  margin-bottom: 0px !important;
}

.donationDetailsModal .edit-custom-questions .form-field__addon {
  color: #808285;
  position: absolute;
  top: 2.4rem;
  left: 1.5rem;
  font-size: 14px;
}

.donationDetailsModal .edit-custom-questions .project-currency-field {
  padding-left: 1.25rem;
}

.donationDetailsModal .edit-custom-questions .checkbox {
  padding-left: 11px !important;
  margin-top: 2.5px;
  margin-bottom: 5px;
}

.donationDetailsModal .edit-custom-questions .has-error.form-control {
  border-color: #D0021B !important;
}

.donationDetailsModal .edit-custom-questions .has-error.form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dc4448;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dc4448;
}

.donationDetailsModal .edit-custom-questions .margin-error-checkbox {
  margin-left: -11px;
}

.equal {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

.edit-DonorDetails {
  padding: 25px;
}

.donor-record .header {
  position: sticky;
  top: 0px;
  background-color: white;
  z-index: 1;
}

.definePageDetails {
  padding-left: 25px;
  padding-right: 25px;
}

.px-9 {
  padding-right: 9px;
  padding-left: 9px;
}

.pr-15 {
  padding-right: 15px;
}

.participantDetailsModal.in {
  right: 0;
  height: auto;
}

.modal.addTeamModal, .modal.categoryModal {
  text-align: center;
  padding: 0 !important;
}

.modal.addTeamModal:before, .modal.categoryModal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal.addTeamModal .modal-dialog, .modal.categoryModal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: 800px;
}

.modal.addTeamModal .modal-md, .modal.categoryModal .modal-md {
  width: 480px;
}

.modal.categoryModal .modal-md {
  width: 510px;
  max-width: 510px;
}

.addTeamModal ~ .modal-backdrop, .categoryModal ~ .modal-backdrop {
  display: block;
  /*&.in {
        background: rgba(0, 0, 0, 0.6);
    }*/
}

.addTeamModal, .categoryModal {
  /*.modal-content {
        border: none;
        box-shadow: none;
        -webkit-box-shadow: none;
    }*/
}

.addTeamModal .dropdown-search-style .ui-select-container, .categoryModal .dropdown-search-style .ui-select-container {
  height: 36px;
}

.addTeamModal .modal-header, .categoryModal .modal-header {
  flex-direction: row !important;
  border-bottom: 1px solid #C8C8C8;
  padding: 25px;
}

.addTeamModal .modal-header .modal__close, .categoryModal .modal-header .modal__close {
  -webkit-appearance: unset;
  top: -5px;
  right: -36px;
}

.addTeamModal .modal-header .modal-title, .categoryModal .modal-header .modal-title {
  color: #4A4A4A;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin: 0 !important;
}

.addTeamModal .modal-body, .categoryModal .modal-body {
  padding: 25px 20px;
}

.addTeamModal .modal-body .control-label, .categoryModal .modal-body .control-label {
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.addTeamModal .modal-body .control-label span, .categoryModal .modal-body .control-label span {
  color: #D0021B;
}

.addTeamModal .modal-body .error-message, .categoryModal .modal-body .error-message {
  border-bottom: none;
  color: #D0021B;
  font-size: 14px;
  line-height: 20px;
}

.addTeamModal .modal-body .has-error .form-control, .categoryModal .modal-body .has-error .form-control {
  border-color: #D0021B !important;
}

.addTeamModal .modal-body .ng-invalid-required:required, .categoryModal .modal-body .ng-invalid-required:required {
  background-image: none;
  background-position: initial;
  background-repeat: initial;
  background-size: initial;
}

.addTeamModal .p2p-add-team .dropdown-caret:not(.zindex-desce):before, .categoryModal .p2p-add-team .dropdown-caret:not(.zindex-desce):before {
  top: 28px;
}

.addTeamModal .p2p-add-team .has-error:not(.zindex-desce):before, .categoryModal .p2p-add-team .has-error:not(.zindex-desce):before {
  top: -18px;
}

.addTeamModal .p2p-add-team .ui-select-toggle, .categoryModal .p2p-add-team .ui-select-toggle {
  border: 1px solid #ced4da;
}

.addTeamModal .modal-footer, .categoryModal .modal-footer {
  border-top: none;
  padding: 0 25px 25px 25px;
}

.addTeamModal .modal-footer .btn-primary, .categoryModal .modal-footer .btn-primary {
  border-radius: 4px;
  margin-right: 0;
}

.addTeamModal .modal-footer .btn-primary-inverse, .categoryModal .modal-footer .btn-primary-inverse {
  border: 1px solid white;
  font-weight: 600;
}

.addTeamModal .modal-footer .btn-primary-inverse:active, .categoryModal .modal-footer .btn-primary-inverse:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.categoryModal .modal-header {
  padding: 24px;
}

.categoryModal .modal-body {
  padding: 24px;
}

.categoryModal .modal-footer {
  padding: 24px;
  padding-top: 0;
}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 2.4375rem;
  height: 1.5rem;
}

.toggle-switch__handle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0.125rem;
  right: 0;
  bottom: 0;
  background-color: #888;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius: 0.75rem;
  border: 0.03125rem solid #888;
}

.toggle-switch__handle--disabled {
  opacity: 0.5;
}

.toggle-switch__handle:before {
  position: absolute;
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  bottom: 0;
  background-color: #FFFFFF;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius: 1.25rem;
  border: 0.03125rem solid #888;
}

.toggle-switch input:checked, .toggle-switch .widget-filter div.form-control input[type=number]:checked, .widget-filter div.form-control .toggle-switch input[type=number]:checked {
  background-color: #ccc;
}

input:checked + .toggle-switch__handle, .widget-filter div.form-control input[type=number]:checked + .toggle-switch__handle {
  background-color: #0077ad;
  border: 0.03125rem solid #0077ad;
}

input:checked + .toggle-switch__handle:before, .widget-filter div.form-control input[type=number]:checked + .toggle-switch__handle:before {
  -webkit-transform: translateX(0.85rem);
  -ms-transform: translateX(0.85rem);
  transform: translateX(0.85rem);
  background-color: #FFFFFF;
  border: 0.03125rem solid #0077ad;
}

.add-offline-donation .modal-dialog, .charge-fund .modal-dialog {
  width: 800px;
}

.add-offline-donation .modal-body, .charge-fund .modal-body {
  padding: 25px 25px;
}

.add-offline-donation .modal-header, .charge-fund .modal-header {
  flex-direction: row !important;
  border-bottom: 1px solid #C8C8C8;
  padding: 25px;
}

.add-offline-donation .modal-header .modal-title, .charge-fund .modal-header .modal-title {
  color: #4A4A4A;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin: 0 !important;
}

.add-offline-donation .modal-header .modal__close, .charge-fund .modal-header .modal__close {
  -webkit-appearance: unset;
  top: -5px;
  right: -36px;
}

.add-offline-donation .modal-content .checkbox, .charge-fund .modal-content .checkbox {
  padding-left: 20px !important;
}

.add-offline-donation .modal-content .radio, .charge-fund .modal-content .radio {
  padding-left: 4px !important;
}

.add-offline-donation .modal-content .ng-submitted .ng-invalid .control-label, .add-offline-donation .modal-content .ng-submitted .ng-invalid .checkbox, .charge-fund .modal-content .ng-submitted .ng-invalid .control-label, .charge-fund .modal-content .ng-submitted .ng-invalid .checkbox {
  color: #4A4A4A;
}

.add-offline-donation .modal-content .ng-submitted .ng-invalid .form-control, .charge-fund .modal-content .ng-submitted .ng-invalid .form-control {
  border-color: #ccc !important;
}

.add-offline-donation .modal-content .ng-submitted .ng-invalid .input-group-addon, .charge-fund .modal-content .ng-submitted .ng-invalid .input-group-addon {
  color: #555;
  border-color: #ccc;
  background-color: #eee;
}

.add-offline-donation .modal-content .invalid-input, .charge-fund .modal-content .invalid-input {
  border-color: #D0021B !important;
}

.add-offline-donation .modal-content .invalid-input:focus, .charge-fund .modal-content .invalid-input:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dc4448 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dc4448 !important;
}

.add-offline-donation .modal-footer, .charge-fund .modal-footer {
  border-top: none;
  padding: 0 25px 25px 25px;
}

.add-offline-donation .modal-footer .btn-primary, .charge-fund .modal-footer .btn-primary {
  border-radius: 4px;
  margin-right: 0;
  border-color: #0077AD !important;
}

.add-offline-donation .modal-footer .btn-primary-inverse, .charge-fund .modal-footer .btn-primary-inverse {
  border: 1px solid white;
  font-weight: 600;
}

.add-offline-donation .modal-footer .btn-primary-inverse:active, .charge-fund .modal-footer .btn-primary-inverse:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 900px) {
  .add-offline-donation .modal-dialog, .charge-fund .modal-dialog {
    width: auto;
  }
  .add-offline-donation .modal-header .modal__close, .charge-fund .modal-header .modal__close {
    color: #000;
    opacity: 0.2;
    position: initial;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .add-offline-donation .modal-dialog, .charge-fund .modal-dialog {
    width: 600px;
  }
}

@media (max-width: 992px) {
  .add-offline-donation .fund-minimum-report table, .charge-fund .fund-minimum-report table {
    display: inline-block !important;
    overflow-x: scroll;
  }
  .add-offline-donation .fund-minimum-report table tr > td, .charge-fund .fund-minimum-report table tr > td {
    min-width: 156px !important;
    max-width: 180px !important;
  }
  .add-offline-donation .fund-minimum-report table tr > td div, .charge-fund .fund-minimum-report table tr > td div {
    width: 100% !important;
  }
  .add-offline-donation .fund-minimum-report td:first-child, .charge-fund .fund-minimum-report td:first-child {
    position: sticky;
    left: 0;
    background: white;
    min-width: 130px !important;
    max-width: 150px !important;
  }
  .add-offline-donation .fund-minimum-report tr:first-child td, .charge-fund .fund-minimum-report tr:first-child td {
    position: initial;
    top: 0;
    border-bottom: 1px solid #9e9e9e;
    background-color: #ECECEC;
  }
  .add-offline-donation .fund-minimum-report tr:first-child td:first-child, .charge-fund .fund-minimum-report tr:first-child td:first-child {
    position: sticky;
    left: -1px;
    box-shadow: 0px 0px #ECECEC;
  }
}

.charge-fund .modal-footer {
  border-top: 1px solid #e5e5e5;
  padding: 0 24px 24px 0;
}

.charge-fund .btn-primary {
  min-width: 94px;
}

.no-header-modal .modal-body {
  padding: 1.5rem 1.5rem 0 1.5rem;
}

.no-header-modal .modal-footer {
  padding: 0 1.5rem 1.5rem 1.5rem;
}

.charge-fund:nth-child(2) {
  z-index: 1050 !important;
}

.charge-fund + .modal-backdrop:nth-child(3) {
  z-index: 1051 !important;
}

.confirm-modal .modal-header, .confirm-modal .modal-body .modal-footer {
  padding: 23px;
}

.confirm-modal .modal-header .close, .confirm-modal .modal-body .modal-footer .close {
  font-family: 'Material Icons' !important;
  content: '\e5cd' !important;
  color: #fff !important;
  position: absolute;
  top: -23px;
  right: -32px;
  opacity: 0.9 !important;
  font-weight: inherit;
}

.confirm-modal .modal-header .close span, .confirm-modal .modal-body .modal-footer .close span {
  font-size: 46px;
}

.confirm-modal .modal-footer {
  border-top: none;
}

.report-alert {
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  align-items: flex-start;
  background-color: #FFFFFF;
  border-left: 4px solid #000000;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  padding: 10px;
}

.report-alert h4 {
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
}

.report-alert i {
  margin: 14px 10px 0 0;
}

.report-alert p {
  margin: 0;
}

.report-alert .report-alert-content {
  width: 100%;
}

.report-margin {
  margin-bottom: 1.5rem;
}

.report-alert-container .alert {
  margin-bottom: 20px !important;
}

.report-alert-container .alert:last-of-type {
  margin-bottom: 0 !important;
}

.report-alert-success {
  border-left-color: #A3CD3B;
}

.report-alert-success .material-icons {
  color: #A3CD3B;
}

.report-alert-warning {
  border-left-color: #EBCD00;
}

.report-alert-warning .material-icons {
  color: #EBCD00;
}

.report-alert-warning-2 {
  border-left-color: #FF8C0F;
}

.report-alert-warning-2 .material-icons {
  color: #FF8C0F;
}

.report-alert-error {
  border-left-color: #D0021B;
}

.report-alert-error .material-icons {
  color: #D0021B;
}

.report-alert-info {
  border-left-color: #0077ad;
}

.report-alert-info .material-icons {
  color: #0077ad;
}

.website-categories-page tr:first-child td {
  top: 0;
}

.website-categories-page__smart-cat {
  font-size: 14px;
}

.website-categories-page__smart-cat > div {
  margin-bottom: 12px;
}

.website-categories-page__smart-cat__container-input {
  width: 35%;
}

.website-categories-page__smart-cat__container-input .form-control:focus {
  border: 0.0625rem solid #ced4da;
}

.website-categories-page__smart-cat__container-input.cat-name .form-control:focus {
  border-color: #D0021B;
}

.website-categories-page__smart-cat__container-input label:last-child {
  font-weight: normal;
}

.website-categories-page__smart-cat .checkbox {
  padding-left: 20px !important;
}

.website-categories-page__smart-cat .checkbox label {
  padding-left: 12px;
  margin-bottom: 0;
}

.email-list-name {
  font-size: 20px;
  margin-bottom: 10px;
}

.email-list-date {
  font-size: 14px;
}

.email-list-info {
  font-size: 24px;
  text-align: center;
}

.email-list-info-item {
  font-size: 12px;
}

.email-list-badge {
  vertical-align: middle;
}

.email-list-modal-title {
  font-size: 24px;
}

.email-list-modal-close {
  position: absolute;
  right: -1.75rem;
  top: 0;
  color: #fff;
  font-size: 38px !important;
  height: auto;
}

.email-stats__cards {
  border: 1px solid #C8C8C8;
  border-radius: 0.25rem;
  max-width: 16rem;
}

.email-details-save-checkbox {
  margin-left: -0.5rem;
}

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

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

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

.cancel-registration .radio label:before {
  top: 6px;
}

.cancel-registration .radio label:after {
  top: 10px;
}

@media (min-width: 992px) {
  body nav-bar nav.navbar .container .navbar-collapse {
    position: absolute;
    right: 0;
  }
  .modal-lg {
    width: 830px;
  }
}

.offline-donation h3 {
  font-size: 20px;
  font-weight: bold;
}

.offline-donation .clearfix {
  position: relative;
}

.offline-donation .checkbox label {
  font-weight: normal;
}

.offline-donation .control-label {
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 600 !important;
  line-height: 24px;
}

.offline-donation .control-label span {
  color: #D0021B;
}

.offline-donation .placeholder-text {
  color: #636c72 !important;
}

.offline-donation .ui-select-toggle,
.offline-donation .ui-select-search,
.offline-donation .custom-form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.offline-donation .ui-select-toggle:focus,
.offline-donation .ui-select-search:focus,
.offline-donation .custom-form-control:focus {
  border-color: #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.offline-donation .ui-select-toggle:disabled,
.offline-donation .ui-select-search:disabled,
.offline-donation .custom-form-control:disabled {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}

.offline-donation .ui-select-toggle__has-error,
.offline-donation .ui-select-search__has-error,
.offline-donation .custom-form-control__has-error {
  border: 0.0625rem solid #D0021B;
}

.offline-donation .ui-select-toggle__has-error:focus,
.offline-donation .ui-select-search__has-error:focus,
.offline-donation .custom-form-control__has-error:focus {
  border-color: #D0021B;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dc4448;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dc4448;
}

.offline-donation .field-label {
  padding: 0;
}

.offline-donation .field-counter {
  bottom: 0;
  color: #808285;
  font-size: 14px;
  padding: 0;
  position: absolute;
  text-align: right;
}

.offline-donation .field-counter2 {
  color: #808285;
  font-size: 14px;
  padding: 0;
  position: absolute;
  text-align: right;
  padding-right: 1em;
  bottom: 25px;
  font-weight: normal;
}

.offline-donation .error-message {
  border-bottom: none;
  color: #D0021B;
  font-size: 14px;
  line-height: 20px;
}

.offline-donation .has-error .custom-form-control {
  border-color: #D0021B;
}

.offline-donation .has-error .custom-form-control:focus {
  border-color: #D0021B;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dc4448;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dc4448;
}

.offline-donation .has-error .input-group-addon {
  border-color: #D0021B !important;
}

.offline-donation .ng-invalid-required:required {
  background-image: none;
  background-position: initial;
  background-repeat: initial;
  background-size: initial;
}

.settings-profile {
  height: calc(100vh - 156px);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.settings-profile__main-container {
  max-width: 46rem;
}

.settings-profile__title {
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 3rem;
  margin-bottom: 1.5rem;
}

.settings-profile__sub-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin-bottom: 0.0625rem;
}

.settings-profile__logo {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 1.5rem;
}

.settings-profile__logo--description {
  display: flex;
  flex-direction: column;
  color: #808285;
}

.settings-profile__logo--container-image {
  display: flex;
  justify-content: center;
  height: 7.625rem;
}

.settings-profile__logo--sub-container-image {
  display: flex;
  align-items: center;
  min-width: 7.625rem;
}

.settings-profile__logo .logo-org {
  width: auto;
  max-width: 100%;
}

.settings-profile__mission .form-field {
  border-color: #c8c8c8;
}

.settings-profile__m-bottom {
  margin-bottom: 2.125rem;
}

.settings-profile__names {
  font-size: 0.875rem;
  line-height: 1.1875rem;
}

.settings-profile__names--url {
  color: #0077AD;
  line-height: 1.1875rem;
}

.settings-profile .sticky-down-position {
  margin-right: -0.9375rem;
  margin-left: -0.9375rem;
  padding-bottom: 1.5rem;
}

.settings-profile__email-layout {
  display: flex;
  flex-direction: column;
}

.settings-profile__email-layout .btn-secondary {
  height: 1.75rem;
  width: 7.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0.75rem;
  text-align: center;
  padding: 0;
}

.email-layout__title {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 2rem;
}

.email-layout__layout-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.email-layout__layout-name--input {
  height: 4.1875rem;
  width: 50.0625rem;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.25rem;
}

.email-layout__ckeditor-style {
  box-sizing: border-box;
  height: 100%;
  width: 50.0625rem;
  border: 0.0625rem solid #C8C8C8;
  margin-top: 1.9375rem;
}

.email-layout__ckeditor-style, .email-layout__ckeditor-style > #mailingFooter, .email-layout__ckeditor-style .cke_show_borders table.cke_show_border {
  min-height: 30.5rem !important;
}

.email-layout__ckeditor-style .cke_show_borders table.cke_show_border {
  border: none;
}

.email-layout__actions {
  margin: 1.5rem;
  text-align: end;
}

.email-layout__checkbox-style {
  margin-top: 1.9375rem;
}

.email-layout__checkbox-style.checkbox {
  padding-left: 1.25rem !important;
}

.close span {
  vertical-align: middle;
  font-size: 30px;
}

.validate-form-url-icon {
  position: absolute;
  top: 22%;
  right: 10px;
}

.validate-form-url-error-icon {
  position: absolute;
  top: 22%;
  right: 10px;
  transform: rotate(180deg);
}

.validate-form-keyword-icon {
  width: 15px;
}

.validate-form-keyword-error-icon {
  width: 15px;
  transform: rotate(180deg);
}

.rotate {
  animation: rotation 2s infinite linear;
}

.header__position {
  display: flex;
  justify-content: space-between;
}

.header__position--direction {
  flex-direction: row;
}

.header__position--button {
  align-items: center;
  top: 5px;
}

.header__position--span {
  border: 1px solid #ccc;
  height: 70%;
}

.header__position--hiper-link {
  height: auto;
}

.rightsideform-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  padding: 17px 24px 17px 24px;
}

.rightsideform-header .close {
  color: #4A4A4A;
  opacity: 1;
}

.rightsideform-header .close:hover {
  opacity: 0.25;
}

.rightsideform-header .flex-group {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.rightsideform-header .flex-close {
  display: flex;
  justify-content: space-around;
}

.rightsideform-header a {
  margin-right: 0;
  width: 75px;
}

.sidebarAction {
  padding: 0 9px 10px 9px;
}

.pl-60 {
  padding-left: 60px;
}

.contact-section {
  padding-top: 5px;
  padding-bottom: 7px;
}

.contact-section .form-group {
  margin-left: 10px;
  margin-right: 10px;
}

.contact-section span {
  font-size: 16px;
  padding-right: 24px;
  width: auto;
}

.contact-section select {
  height: 36px;
}

.modal-style-guide--dropdown .open > .dropdown-menu {
  display: block;
}

.modal-style-guide--dropdown .ui-select-toggle {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.modal-style-guide--dropdown .ui-select-toggle .caret:before {
  font-size: 9px;
  content: "\25bc";
  position: absolute;
  top: -4px;
  right: 2px;
}

.modal-style-guide .modal-dialog {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
}

.modal-style-guide .modal-sm {
  max-width: 480px;
}

.modal-style-guide .modal-md {
  max-width: 800px;
}

.modal-style-guide .modal-md .modal-header {
  display: flex;
  flex-direction: row-reverse;
}

.modal-style-guide .modal-lg {
  left: auto;
  max-width: 100%;
}

.modal-style-guide .modal-content {
  webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.preview-modal {
  min-height: 100%;
}

.preview-modal .modal-dialog {
  width: 800px;
}

.preview-modal .modal-content {
  max-height: auto;
  width: 800px;
}

.modal__close {
  position: absolute;
  right: -3rem;
  color: #fff;
  font-size: 30px !important;
  outline: none !important;
  line-height: 1rem;
  height: auto;
}

.preview-button {
  width: unset !important;
}

.panorama-list .btn {
  width: 100%;
}

.editable-buttons .btn, .action .btn {
  border-radius: 50%;
  height: 30px;
  line-height: 20px;
  min-height: 30px;
  min-width: 30px;
  padding: 4px;
  position: relative;
  top: 0;
  width: 30px;
}

.editable-buttons {
  padding-left: 0;
}

.donation-form__back {
  width: 44px;
  height: 44px;
  margin-top: 15px;
  margin-left: 15px;
  cursor: pointer;
}

.donation-form__info {
  width: 66.67%;
  margin: 8rem auto;
}

.donation-form__info textarea {
  resize: none;
  border-radius: 0.125rem !important;
}

.embed-modal {
  text-align: center;
  padding: 0 !important;
}

.embed-modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25rem;
}

.embed-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.color-picker-wrapper.color-picker-swatch-only .input-group .color-picker-input {
  display: none;
}

.color-picker-wrapper .color-picker-swatch:not(.input-group-addon).color-picker-swatch-right {
  border-radius: 0 !important;
  width: 40px !important;
  height: 38px !important;
  top: -38px !important;
}

.color-picker--buttons {
  margin: 0.25rem 0.125rem !important;
  padding: 0.5rem 0 !important;
  font-size: 0.75rem !important;
  font-weight: 100 !important;
  height: auto !important;
  min-width: auto !important;
}

.donate-preview-container {
  box-sizing: border-box;
  border: 1px solid #C8C8C8;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
}

.embed-code-modal label {
  color: #4A4A4A;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin-bottom: 0;
}

.embed-code-modal .text-required {
  color: #ec0b0b !important;
}

.embed-code-modal p {
  color: darkgray;
  font-size: 14px;
}

.embed-code-modal .embed-container {
  position: relative;
  display: flex;
  flex-wrap: inherit;
  align-items: stretch;
  width: 100%;
}

.embed-code-modal .copy-code-btn {
  box-sizing: border-box;
  border: 1px solid #979797;
  border-radius: 0.125rem 0 0 0.125rem;
  background-color: #D8D8D8;
  height: 2.688rem;
}

.embed-code-modal .embedded-gen-code {
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: 0.0625rem solid #979797;
  border-left: none;
  height: 2.688rem;
}

.w-93 {
  width: 92.4%;
}

.share-text-area {
  border-color: #ced4da !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.growl-container.growl-fixed {
  position: fixed;
  float: right;
  width: 90%;
  max-width: 400px;
  z-index: 999999999999999;
}

.growl-container.growl-fixed.top-right {
  top: 10px;
  right: 3rem;
}

.growl-container.growl-fixed.bottom-right {
  bottom: 10px;
  right: 15px;
}

.growl-container.growl-fixed.middle-right {
  top: 49%;
  right: 15px;
}

.growl-container.growl-fixed.top-left {
  top: 10px;
  left: 15px;
}

.growl-container.growl-fixed.bottom-left {
  bottom: 10px;
  left: 15px;
}

.growl-container.growl-fixed.middle-left {
  top: 49%;
  left: 15px;
}

.growl-container.growl-fixed.top-center {
  top: 10px;
  left: 50%;
  margin-left: -200px;
}

.growl-container.growl-fixed.bottom-center {
  bottom: 10px;
  left: 50%;
  margin-left: -200px;
}

.growl-container.growl-fixed.middle-center {
  top: 49%;
  left: 50%;
  margin-left: -200px;
}

/*
 * growl-item styles
 */
.growl-container > .growl-item {
  padding: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}

.growl-close {
  font-size: 36px !important;
  line-height: 24px;
  font-weight: 100;
  outline: none !important;
}

.growl-container > button {
  border: none;
  outline: none;
}

.growl-container > .growl-item.ng-enter,
.growl-container > .growl-item.ng-leave {
  -webkit-transition: 0.5s linear all;
  -moz-transition: 0.5s linear all;
  -o-transition: 0.5s linear all;
  transition: 0.5s linear all;
}

.growl-container > .growl-item.ng-enter,
.growl-container > .growl-item.ng-leave.ng-leave-active {
  opacity: 0;
}

.growl-container > .growl-item.ng-leave,
.growl-container > .growl-item.ng-enter.ng-enter-active {
  opacity: 1;
}

.growl-container > div.growl-item {
  background-position: 12px center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  border-radius: 0;
  border: none;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.growl-text-container {
  display: flex;
}

/*
 * growl-title styles
 */
.growl-item > .growl-title {
  margin: 0 0 0 40px;
}

.growl-title {
  font-size: 16px;
  margin-top: -4px;
  color: #4A4A4A;
}

/*
 * growl-message styles
 */
.growl-item > .growl-message {
  margin: 0 0 0 40px;
  color: #4A4A4A;
}

.growl-message {
  color: #4A4A4A;
  font-size: 1rem;
}

.growl-message-title {
  line-height: 0.5em;
}

.growl-title {
  margin-bottom: 0 !important;
  border-bottom: none !important;
}

.growl-fsi-icon {
  margin-top: 2px;
  font-size: 22px;
}

.growl-only-text {
  display: flex;
  flex-flow: column;
  padding-left: 10px;
}

.growl-fsi-icon.fsi-check-circle:before {
  color: #A3CD3B;
}

.growl-fsi-icon.fsi-error:before {
  color: #D0021B;
}

.growl-fsi-icon.fsi-info:before {
  color: #0077AD;
}

.growl-fsi-icon.fsi-warning:before {
  color: #EBCD00;
}

/*
 * growl background images
 */
.growl-container > .alert-info {
  border-left: 4px solid #0077AD !important;
  color: #0077AD !important;
}

.growl-container > .alert-error {
  border-left: 4px solid #D0021B !important;
  color: #D0021B !important;
}

.growl-container > .alert-success {
  border-left: 4px solid #A3CD3B !important;
  color: #A3CD3B !important;
}

.growl-container > .alert-warning {
  border-left: 4px solid #EBCD00 !important;
  color: #EBCD00 !important;
}

.input-group-text {
  height: 35px;
}

.custom-file-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom-file-label:after {
  display: none;
}

.direct-deposit .modal__close {
  right: -1.8rem !important;
  top: -0.3rem !important;
}

@media (max-width: 1285px) {
  .participants-report table {
    display: inline-block;
  }
  .participants-report table tr > td {
    min-width: 130px !important;
    max-width: 150px !important;
  }
  .participants-report table tr > td div {
    width: 100% !important;
  }
  .participants-report td:first-child {
    position: sticky;
    left: 0;
    background: white;
    min-width: 145px !important;
    max-width: 110px !important;
  }
  .participants-report tr:first-child td {
    position: initial;
    top: 0 !important;
    border-bottom: 1px solid #9e9e9e;
  }
  .participants-report tr:first-child td:first-child {
    position: sticky;
    left: -1px;
    box-shadow: 0px 0px #ECECEC;
  }
  .main-auction__sub-container__two-columns__two-divs__first-field {
    width: 47%;
  }
  .main-auction__sub-container__two-columns__two-divs__second-field {
    width: 47%;
  }
}

@media (max-width: 1100px) {
  .xeditable-style .editable-click:hover {
    padding: 6px 30px 6px 12px;
  }
  .participant {
    width: 38% !important;
  }
  .donation-report table {
    display: inline-block !important;
    overflow-x: scroll;
  }
  .donation-report table tr > td {
    min-width: 130px !important;
    max-width: 150px !important;
  }
  .donation-report table tr > td div {
    width: 100% !important;
  }
  .donation-report td:first-child {
    position: sticky;
    left: 0;
    background: white;
    min-width: 110px !important;
    max-width: 120px !important;
  }
  .donation-report tr:first-child td {
    position: initial;
    top: 0;
    border-bottom: 1px solid #9e9e9e;
    background-color: #ECECEC;
  }
  .donation-report tr:first-child td:first-child {
    position: sticky;
    left: -1px;
    box-shadow: 0px 0px #ECECEC;
  }
}

@media (max-width: 1050px) {
  .project-donation-report-page .static-space--table {
    top: 380px;
  }
  .donation-form-report .static-space--table {
    top: 277px;
  }
}

@media (max-width: 1122px) {
  .project-donation-report table {
    display: inline-block;
  }
  .project-donation-report table tr > td {
    min-width: 105px !important;
    max-width: 167px !important;
  }
  .project-donation-report table tr > td div {
    width: 100% !important;
  }
  .project-donation-report td:first-child {
    position: sticky;
    left: 0;
    background: white;
    min-width: 166px !important;
    max-width: 110px !important;
  }
  .project-donation-report td:nth-child(2) {
    min-width: 167px !important;
    max-width: 110px !important;
  }
  .project-donation-report tr:first-child td {
    position: initial;
    top: 0;
    border-bottom: 1px solid #9e9e9e;
  }
  .project-donation-report tr:first-child td:first-child {
    position: sticky;
    left: -1px;
    box-shadow: 0px 0px #ECECEC;
    top: 0 !important;
  }
  .report-tb-total {
    position: initial;
    top: 0;
    border-bottom: 1px solid #9e9e9e;
  }
  .report-tb-total:first-child {
    position: sticky;
  }
  .livestream-donation-report .report-tb-total {
    position: initial;
    top: 0;
    border-bottom: 1px solid #9e9e9e;
  }
  .livestream-donation-report .report-tb-total:first-child {
    position: sticky;
  }
}

@media (min-width: 600px) and (max-width: 1024px) {
  .donation-report table {
    display: inline-block;
  }
  .donation-report table tr > td {
    min-width: auto !important;
    max-width: 169px !important;
  }
  .donation-report table tr > td div {
    width: 100% !important;
  }
  .donation-report table tr > td:first-child {
    position: sticky;
    left: 0;
    min-width: auto !important;
    max-width: 105px !important;
  }
  .donation-report table tr:first-child td {
    position: initial;
    top: 0;
    box-shadow: none;
  }
  .donation-report table tr:first-child td:first-child {
    position: sticky;
    left: -1px;
    box-shadow: 0px 0px #ECECEC;
  }
  .report-page .error-padding {
    padding-bottom: 15px !important;
  }
  .main-auction__sub-container {
    width: 100%;
  }
}

@media (min-width: 945px) and (max-width: 1300px) {
  .report-page .filters-container {
    display: flex;
    flex-wrap: wrap;
  }
  .report-page .filters-container .filter-button-group {
    width: 50%;
  }
  .report-page .filters-container .form-group {
    width: 25%;
    max-width: 25%;
    flex-basis: unset;
  }
}

@media (min-width: 1125px) and (max-width: 1300px) {
  .report-page .filters-container .end-date {
    left: -130px;
  }
}

@media (min-width: 945px) and (max-width: 1124px) {
  .report-page .filters-container .end-date {
    left: -170px;
  }
}

@media (min-width: 772px) and (max-width: 944px) {
  .report-page .filters-container .end-date {
    left: -90px;
  }
}

@media (min-width: 600px) and (max-width: 771px) {
  .report-page .filters-container .end-date {
    left: -160px;
  }
}

@media (min-width: 1301px) {
  .report-page .error-padding + .donation-report tr:first-child td {
    top: 275px;
  }
  .report-page .filters-container .filter-button-group {
    padding-top: 32px;
  }
  .report-page .error-padding {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1101px) and (max-width: 1300px) {
  .report-page .donation-report tr:first-child td {
    top: 280px;
  }
  .report-page .error-padding + .donation-report tr:first-child td {
    top: 305px;
  }
}

@media (max-width: 1166px) {
  .payment-report table {
    display: inline-block;
    overflow-x: scroll;
  }
  .payment-report td:first-child {
    position: sticky;
    left: 0;
    background: white;
  }
  .payment-report tr:first-child td {
    position: initial;
    top: 0;
    border-bottom: 1px solid #9e9e9e;
  }
  .payment-report tr:first-child td:first-child {
    position: sticky;
    left: -1px;
    box-shadow: 0px 0px #ECECEC;
  }
  .team {
    width: 28% !important;
  }
  .participant {
    width: 33.5% !important;
    padding: 0px;
  }
  .participant select {
    width: 61%;
  }
  .status {
    width: 37.5% !important;
  }
  .status .filter-button-group {
    padding-left: 0px;
  }
}

@media (max-width: 1166px) {
  .team-report table {
    display: inline-block;
    overflow-x: scroll;
  }
  .team-report table tr > td {
    min-width: 130px !important;
    max-width: 150px !important;
  }
  .team-report table tr > td div {
    width: 100% !important;
  }
  .team-report td:first-child {
    position: sticky;
    left: 0;
    background: white;
  }
  .team-report tr:first-child td {
    position: initial;
    top: 0;
    box-shadow: none;
    border-bottom: 1px solid #9e9e9e;
  }
  .team-report tr:first-child td:first-child {
    position: sticky;
    left: -1px;
    box-shadow: 0px 0px #ECECEC;
  }
}

@media (max-width: 1199px) {
  .m-t-25-1200 {
    margin-top: 25px;
  }
  .donationDetailsModal .datetimepicker {
    width: 100%;
  }
  .donationDetailsModal .field-counter2 {
    margin: 0;
    padding: 0;
    float: right;
    bottom: 0;
    position: initial;
    padding-top: 3px;
  }
  .donationDetailsModal .dropdown-menu {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}

@media (max-width: 1130px) {
  .page-selector {
    padding: 0;
  }
}

@media (max-width: 1210px) {
  .paymentdetails-report table {
    display: inline-block;
  }
  .paymentdetails-report table tr > td {
    min-width: 120px !important;
    max-width: 120px !important;
  }
  .paymentdetails-report table tr > td div {
    width: 100% !important;
  }
  .paymentdetails-report td:first-child {
    position: sticky;
    left: 0;
    background: white;
    min-width: 130px !important;
    max-width: 130px !important;
  }
  .paymentdetails-report tr:first-child td {
    position: initial;
    top: 0;
    border-bottom: 1px solid #9e9e9e;
  }
  .paymentdetails-report tr:first-child td:first-child {
    position: sticky;
    left: -1px;
    box-shadow: 0px 0px #ECECEC;
  }
  .smartlist-table tr:first-child td:first-child {
    width: 200px !important;
    min-width: 200px !important;
  }
  .report-page .payment-report.static-space--table, .report-page paymentdetails-report.static-space--table, .report-page donation-report.static-space--table {
    top: 311px;
  }
}

@media (max-width: 991px) {
  .m-t-25-992 {
    margin-top: 25px;
  }
  .minus-l-5 {
    margin-left: -5px;
  }
  body nav-bar nav.navbar .container .navbar-collapse {
    position: absolute;
    right: 0;
  }
  body nav-bar nav.navbar .container .navbar-collapse .dropdown-menu {
    position: absolute;
    left: -175px;
  }
  .page-container__sort-container {
    flex-direction: column;
  }
  .page-container__sort-container__filter {
    flex-direction: column;
  }
  .smartlist-table tr:first-child td:first-child {
    width: 100px !important;
    min-width: 100px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .m-t-15 {
    margin-top: 15px;
  }
}

@media (max-width: 990px) {
  .team {
    width: 43% !important;
  }
  .status {
    width: 100% !important;
  }
  .participant {
    width: 57% !important;
    text-align: right;
    padding-right: 15px;
    padding-left: 15px;
  }
  .participant .select {
    text-align: right;
  }
  .sidebar-page-content {
    padding: 30px 15px 20px 15px;
  }
  .page-selector {
    margin: 0;
  }
  .rpt-dropdown {
    width: 100%;
  }
  .pg {
    padding-left: 0px;
  }
  .pt-4 {
    padding-top: 3.5rem !important;
  }
  .panorama-pro .section-content {
    padding-top: 4%;
    padding-left: 2%;
    padding-bottom: 1.3%;
  }
  .panorama-pro .section-content .col-2 {
    padding-left: 25px;
    padding-right: 0;
  }
  .panorama-pro .section-content .row {
    padding-bottom: 0.94%;
  }
  .panorama-pro .dm-secion-content-premium {
    padding-top: 2.2%;
  }
  .panorama-pro .dm-secion-content-premium .col-10 {
    padding-left: 3.1%;
    padding-top: 2px;
  }
  .panorama-pro .dm-secion-content-premium .col-2 {
    padding-left: 25px;
    padding-right: 0;
  }
  .panorama-pro .dm-secion-content-premium .row {
    padding-bottom: 1.2%;
  }
  .panorama-pro .dm-launch-premium {
    padding-top: 3%;
    padding-left: 6.8%;
  }
  .panorama-pro .dm-secion-content {
    padding-top: 6.6%;
    padding-bottom: 5%;
  }
  .panorama-pro .dm-image {
    padding-top: 1%;
  }
  .panorama-pro .dm-text {
    padding-left: 0;
  }
  .website-categories-page table {
    display: inline-block;
    overflow-x: scroll;
  }
  .website-categories-page table tr > td {
    min-width: 268px !important;
    max-width: 268px !important;
  }
  .website-categories-page table tr > td div {
    width: 100% !important;
  }
  .website-categories-page td:first-child {
    position: sticky;
    left: 0;
    background: white;
  }
  .website-categories-page tr:first-child td {
    position: initial;
    top: 0;
    box-shadow: none;
    border-bottom: 1px solid #9e9e9e;
  }
  .website-categories-page tr:first-child td:first-child {
    position: sticky;
    left: -1px;
    box-shadow: 0px 0px #ECECEC;
  }
}

@media (max-width: 900px) {
  .rpt-dropdown {
    font-size: 15px;
  }
  .participantDetailsModal .modal-dialog .modal-content {
    margin-bottom: 68px;
  }
  .participant-filter {
    width: 70%;
  }
  .main-auction__sub-container__two-columns__two-divs__second-field--timer__select-container--select {
    padding-left: 5px;
  }
  .main-auction .special-time--time-width {
    width: 50%;
  }
}

@media (max-width: 789px) {
  .rpt-dropdown {
    width: auto;
  }
  .center-align-xs {
    text-align: center;
    width: auto !important;
  }
  .custom-paging .center-align-xs {
    margin: 12px 0;
    padding-right: 0;
    justify-content: center;
  }
  .custom-paging .mb-xs {
    margin-bottom: 0;
  }
  .page-selector {
    margin: 20px 0;
  }
  .participant-filter {
    width: 70%;
  }
}

@media (max-width: 853px) {
  .report-page .payment-report.static-space--table, .report-page paymentdetails-report.static-space--table, .report-page donation-report.static-space--table {
    top: 377px;
  }
}

@media (max-width: 840px) {
  .report-page .row.pt-3 {
    flex-wrap: wrap;
  }
  .report-page .row.pt-3 .filter-date-container {
    width: 49%;
  }
  .report-page .row.pt-3 .filter-button-group {
    padding-top: 15px;
    padding-left: 15px;
  }
}

@media (max-width: 800px) {
  .main-auction__title-center {
    margin-bottom: 30px;
  }
  .main-auction__title-center .project-button-group {
    width: 100%;
    padding-top: 15.52px;
  }
  .main-auction__sub-container__two-columns {
    flex-direction: column;
  }
  .main-auction__sub-container__two-columns__one-field {
    width: 100%;
  }
  .main-auction__sub-container__two-columns--direction {
    flex-direction: row;
  }
  .website-categories-page__smart-cat__container-input {
    width: 100%;
  }
}

@media (max-width: 768px) {
  body nav-bar nav.navbar .container .row .navbar-collapse {
    display: none !important;
  }
  .project-report-page .static-space--table, paymentdetails-report .static-space--table, donation-report .static-space--table {
    top: 389px;
  }
  .custom-q .datetimepicker {
    width: 100%;
  }
  .custom-q .dropdown-menu {
    min-width: 100%;
  }
  .custom-q .date {
    width: 100%;
  }
  .form-inline .form-control {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .donation-filter {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .team {
    width: 100% !important;
  }
  .team select {
    width: 50%;
  }
  .participant {
    width: 100% !important;
    text-align: left;
  }
  .participant select {
    width: 50%;
  }
  .export-options {
    width: 100% !important;
    text-align: left;
    padding-top: 0;
    padding-bottom: 12px;
  }
  .project-donation-report-page .team-participant {
    margin-right: 0;
  }
  .project-donation-report-page .static-space--table {
    top: 432px;
  }
  .project-report-page .teamSelect {
    margin-left: 0;
    width: 100%;
  }
  .project-report-page__sub-title {
    display: block;
  }
  .flex-section-reverse {
    margin-top: 0 !important;
  }
  .flex-section-reverse h5 {
    margin-bottom: 0;
    padding: 0 0 10px 0;
  }
  .filters {
    padding-top: 15px !important;
  }
  .project-button-group .btn {
    min-width: fit-content;
  }
  .upload {
    margin-left: 15px;
  }
}

@media (max-width: 767px) {
  body .footerContentPanel {
    max-width: 100% !important;
  }
  .xeditable-style .editable-input.editable-has-buttons {
    width: 80%;
  }
  .xeditable-style .editable-buttons {
    margin: 10px 0 0 -20px;
  }
  .xeditable-style .editable-click:hover:after {
    padding: 1px;
  }
  .confirm-modal .modal-dialog {
    width: 535px !important;
    margin: 30px auto;
  }
}

@media (max-width: 716px) {
  .project-donation-report-page .filter-options {
    width: 42%;
  }
  .project-donation-report-page .team-participant {
    width: 45%;
  }
}

@media (max-width: 700px) {
  .paymentDetails-subheader {
    width: 95%;
  }
  .pt-4 {
    padding-top: 3.5rem !important;
  }
  .header__position {
    display: flex;
  }
  .header__position--justify {
    justify-content: space-between;
  }
  .header__position--button {
    display: flex;
    flex-direction: column;
  }
  .page-container__actions {
    flex-wrap: wrap;
  }
  .report-page .payment-report.static-space--table, .report-page paymentdetails-report.static-space--table, .report-page donation-report.static-space--table {
    top: 397px;
  }
}

@media (max-width: 611px) {
  .project-donation-report-page .static-space--table {
    top: 484px;
  }
}

@media (max-width: 601px) {
  .add-offline-btn {
    margin: 0;
  }
  .paymentDetails-subheader {
    width: 95%;
  }
  .export-options {
    display: flex;
    flex-direction: column;
  }
  .pt-4 {
    padding-top: 3.5rem !important;
  }
  .xeditable-style .editable-input.editable-has-buttons {
    display: flex;
  }
  .xeditable-style .editable-buttons {
    margin-left: -20px;
  }
}

/*IE10+*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .project-types-ie fs-project-type-list {
    width: 24.24%;
  }
  .date-picker-table-ie {
    display: flex;
    flex-direction: column;
  }
  .date-picker-table-ie__name-days {
    width: 2.125rem;
  }
  .date-picker-table-ie .dropdown-style {
    width: 100%;
  }
  .date-picker-table-ie select::-ms-expand {
    display: none;
  }
  .date-picker-table__week-days {
    display: table;
  }
  .date-picker-table__selects > div {
    width: 40%;
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.progress {
  width: 150px;
  height: 150px;
  line-height: 150px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}

.progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 4px solid #eee;
  position: absolute;
  top: 0;
  left: 0;
}

.progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.progress .progress-left {
  left: 0;
}

.progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 4px;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: #ffb43e;
}

.progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 75px;
  border-bottom-right-radius: 75px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.progress .progress-right {
  right: 0;
}

.progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 75px;
  border-bottom-left-radius: 75px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.progress .progress-value {
  display: flex;
  border-radius: 50%;
  font-size: 36px;
  text-align: center;
  line-height: 20px;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: 300;
}

.progress .progress-value div {
  margin-top: 10px;
}

.progress .progress-value span {
  font-size: 12px;
  text-transform: uppercase;
}

/* This for loop creates the 	necessary css animation names 
Due to the split circle of progress-left and progress right, we must use the animations on each side. 
*/
.progress[data-percentage="1"] .progress-right .progress-bar {
  animation: loading-1 0s linear forwards;
}

.progress[data-percentage="1"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="2"] .progress-right .progress-bar {
  animation: loading-2 0s linear forwards;
}

.progress[data-percentage="2"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="3"] .progress-right .progress-bar {
  animation: loading-3 0s linear forwards;
}

.progress[data-percentage="3"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="4"] .progress-right .progress-bar {
  animation: loading-4 0s linear forwards;
}

.progress[data-percentage="4"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="5"] .progress-right .progress-bar {
  animation: loading-5 0s linear forwards;
}

.progress[data-percentage="5"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="6"] .progress-right .progress-bar {
  animation: loading-6 0s linear forwards;
}

.progress[data-percentage="6"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="7"] .progress-right .progress-bar {
  animation: loading-7 0s linear forwards;
}

.progress[data-percentage="7"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="8"] .progress-right .progress-bar {
  animation: loading-8 0s linear forwards;
}

.progress[data-percentage="8"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="9"] .progress-right .progress-bar {
  animation: loading-9 0s linear forwards;
}

.progress[data-percentage="9"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="10"] .progress-right .progress-bar {
  animation: loading-10 0s linear forwards;
}

.progress[data-percentage="10"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="11"] .progress-right .progress-bar {
  animation: loading-11 0s linear forwards;
}

.progress[data-percentage="11"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="12"] .progress-right .progress-bar {
  animation: loading-12 0s linear forwards;
}

.progress[data-percentage="12"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="13"] .progress-right .progress-bar {
  animation: loading-13 0s linear forwards;
}

.progress[data-percentage="13"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="14"] .progress-right .progress-bar {
  animation: loading-14 0s linear forwards;
}

.progress[data-percentage="14"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="15"] .progress-right .progress-bar {
  animation: loading-15 0s linear forwards;
}

.progress[data-percentage="15"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="16"] .progress-right .progress-bar {
  animation: loading-16 0s linear forwards;
}

.progress[data-percentage="16"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="17"] .progress-right .progress-bar {
  animation: loading-17 0s linear forwards;
}

.progress[data-percentage="17"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="18"] .progress-right .progress-bar {
  animation: loading-18 0s linear forwards;
}

.progress[data-percentage="18"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="19"] .progress-right .progress-bar {
  animation: loading-19 0s linear forwards;
}

.progress[data-percentage="19"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="20"] .progress-right .progress-bar {
  animation: loading-20 0s linear forwards;
}

.progress[data-percentage="20"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="21"] .progress-right .progress-bar {
  animation: loading-21 0s linear forwards;
}

.progress[data-percentage="21"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="22"] .progress-right .progress-bar {
  animation: loading-22 0s linear forwards;
}

.progress[data-percentage="22"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="23"] .progress-right .progress-bar {
  animation: loading-23 0s linear forwards;
}

.progress[data-percentage="23"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="24"] .progress-right .progress-bar {
  animation: loading-24 0s linear forwards;
}

.progress[data-percentage="24"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="25"] .progress-right .progress-bar {
  animation: loading-25 0s linear forwards;
}

.progress[data-percentage="25"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="26"] .progress-right .progress-bar {
  animation: loading-26 0s linear forwards;
}

.progress[data-percentage="26"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="27"] .progress-right .progress-bar {
  animation: loading-27 0s linear forwards;
}

.progress[data-percentage="27"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="28"] .progress-right .progress-bar {
  animation: loading-28 0s linear forwards;
}

.progress[data-percentage="28"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="29"] .progress-right .progress-bar {
  animation: loading-29 0s linear forwards;
}

.progress[data-percentage="29"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="30"] .progress-right .progress-bar {
  animation: loading-30 0s linear forwards;
}

.progress[data-percentage="30"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="31"] .progress-right .progress-bar {
  animation: loading-31 0s linear forwards;
}

.progress[data-percentage="31"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="32"] .progress-right .progress-bar {
  animation: loading-32 0s linear forwards;
}

.progress[data-percentage="32"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="33"] .progress-right .progress-bar {
  animation: loading-33 0s linear forwards;
}

.progress[data-percentage="33"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="34"] .progress-right .progress-bar {
  animation: loading-34 0s linear forwards;
}

.progress[data-percentage="34"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="35"] .progress-right .progress-bar {
  animation: loading-35 0s linear forwards;
}

.progress[data-percentage="35"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="36"] .progress-right .progress-bar {
  animation: loading-36 0s linear forwards;
}

.progress[data-percentage="36"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="37"] .progress-right .progress-bar {
  animation: loading-37 0s linear forwards;
}

.progress[data-percentage="37"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="38"] .progress-right .progress-bar {
  animation: loading-38 0s linear forwards;
}

.progress[data-percentage="38"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="39"] .progress-right .progress-bar {
  animation: loading-39 0s linear forwards;
}

.progress[data-percentage="39"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="40"] .progress-right .progress-bar {
  animation: loading-40 0s linear forwards;
}

.progress[data-percentage="40"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="41"] .progress-right .progress-bar {
  animation: loading-41 0s linear forwards;
}

.progress[data-percentage="41"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="42"] .progress-right .progress-bar {
  animation: loading-42 0s linear forwards;
}

.progress[data-percentage="42"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="43"] .progress-right .progress-bar {
  animation: loading-43 0s linear forwards;
}

.progress[data-percentage="43"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="44"] .progress-right .progress-bar {
  animation: loading-44 0s linear forwards;
}

.progress[data-percentage="44"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="45"] .progress-right .progress-bar {
  animation: loading-45 0s linear forwards;
}

.progress[data-percentage="45"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="46"] .progress-right .progress-bar {
  animation: loading-46 0s linear forwards;
}

.progress[data-percentage="46"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="47"] .progress-right .progress-bar {
  animation: loading-47 0s linear forwards;
}

.progress[data-percentage="47"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="48"] .progress-right .progress-bar {
  animation: loading-48 0s linear forwards;
}

.progress[data-percentage="48"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="49"] .progress-right .progress-bar {
  animation: loading-49 0s linear forwards;
}

.progress[data-percentage="49"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="50"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="50"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="51"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="51"] .progress-left .progress-bar {
  animation: loading-1 0s linear forwards 0s;
}

.progress[data-percentage="52"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="52"] .progress-left .progress-bar {
  animation: loading-2 0s linear forwards 0s;
}

.progress[data-percentage="53"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="53"] .progress-left .progress-bar {
  animation: loading-3 0s linear forwards 0s;
}

.progress[data-percentage="54"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="54"] .progress-left .progress-bar {
  animation: loading-4 0s linear forwards 0s;
}

.progress[data-percentage="55"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="55"] .progress-left .progress-bar {
  animation: loading-5 0s linear forwards 0s;
}

.progress[data-percentage="56"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="56"] .progress-left .progress-bar {
  animation: loading-6 0s linear forwards 0s;
}

.progress[data-percentage="57"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="57"] .progress-left .progress-bar {
  animation: loading-7 0s linear forwards 0s;
}

.progress[data-percentage="58"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="58"] .progress-left .progress-bar {
  animation: loading-8 0s linear forwards 0s;
}

.progress[data-percentage="59"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="59"] .progress-left .progress-bar {
  animation: loading-9 0s linear forwards 0s;
}

.progress[data-percentage="60"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="60"] .progress-left .progress-bar {
  animation: loading-10 0s linear forwards 0s;
}

.progress[data-percentage="61"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="61"] .progress-left .progress-bar {
  animation: loading-11 0s linear forwards 0s;
}

.progress[data-percentage="62"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="62"] .progress-left .progress-bar {
  animation: loading-12 0s linear forwards 0s;
}

.progress[data-percentage="63"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="63"] .progress-left .progress-bar {
  animation: loading-13 0s linear forwards 0s;
}

.progress[data-percentage="64"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="64"] .progress-left .progress-bar {
  animation: loading-14 0s linear forwards 0s;
}

.progress[data-percentage="65"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="65"] .progress-left .progress-bar {
  animation: loading-15 0s linear forwards 0s;
}

.progress[data-percentage="66"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="66"] .progress-left .progress-bar {
  animation: loading-16 0s linear forwards 0s;
}

.progress[data-percentage="67"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="67"] .progress-left .progress-bar {
  animation: loading-17 0s linear forwards 0s;
}

.progress[data-percentage="68"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="68"] .progress-left .progress-bar {
  animation: loading-18 0s linear forwards 0s;
}

.progress[data-percentage="69"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="69"] .progress-left .progress-bar {
  animation: loading-19 0s linear forwards 0s;
}

.progress[data-percentage="70"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="70"] .progress-left .progress-bar {
  animation: loading-20 0s linear forwards 0s;
}

.progress[data-percentage="71"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="71"] .progress-left .progress-bar {
  animation: loading-21 0s linear forwards 0s;
}

.progress[data-percentage="72"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="72"] .progress-left .progress-bar {
  animation: loading-22 0s linear forwards 0s;
}

.progress[data-percentage="73"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="73"] .progress-left .progress-bar {
  animation: loading-23 0s linear forwards 0s;
}

.progress[data-percentage="74"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="74"] .progress-left .progress-bar {
  animation: loading-24 0s linear forwards 0s;
}

.progress[data-percentage="75"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="75"] .progress-left .progress-bar {
  animation: loading-25 0s linear forwards 0s;
}

.progress[data-percentage="76"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="76"] .progress-left .progress-bar {
  animation: loading-26 0s linear forwards 0s;
}

.progress[data-percentage="77"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="77"] .progress-left .progress-bar {
  animation: loading-27 0s linear forwards 0s;
}

.progress[data-percentage="78"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="78"] .progress-left .progress-bar {
  animation: loading-28 0s linear forwards 0s;
}

.progress[data-percentage="79"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="79"] .progress-left .progress-bar {
  animation: loading-29 0s linear forwards 0s;
}

.progress[data-percentage="80"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="80"] .progress-left .progress-bar {
  animation: loading-30 0s linear forwards 0s;
}

.progress[data-percentage="81"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="81"] .progress-left .progress-bar {
  animation: loading-31 0s linear forwards 0s;
}

.progress[data-percentage="82"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="82"] .progress-left .progress-bar {
  animation: loading-32 0s linear forwards 0s;
}

.progress[data-percentage="83"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="83"] .progress-left .progress-bar {
  animation: loading-33 0s linear forwards 0s;
}

.progress[data-percentage="84"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="84"] .progress-left .progress-bar {
  animation: loading-34 0s linear forwards 0s;
}

.progress[data-percentage="85"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="85"] .progress-left .progress-bar {
  animation: loading-35 0s linear forwards 0s;
}

.progress[data-percentage="86"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="86"] .progress-left .progress-bar {
  animation: loading-36 0s linear forwards 0s;
}

.progress[data-percentage="87"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="87"] .progress-left .progress-bar {
  animation: loading-37 0s linear forwards 0s;
}

.progress[data-percentage="88"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="88"] .progress-left .progress-bar {
  animation: loading-38 0s linear forwards 0s;
}

.progress[data-percentage="89"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="89"] .progress-left .progress-bar {
  animation: loading-39 0s linear forwards 0s;
}

.progress[data-percentage="90"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="90"] .progress-left .progress-bar {
  animation: loading-40 0s linear forwards 0s;
}

.progress[data-percentage="91"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="91"] .progress-left .progress-bar {
  animation: loading-41 0s linear forwards 0s;
}

.progress[data-percentage="92"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="92"] .progress-left .progress-bar {
  animation: loading-42 0s linear forwards 0s;
}

.progress[data-percentage="93"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="93"] .progress-left .progress-bar {
  animation: loading-43 0s linear forwards 0s;
}

.progress[data-percentage="94"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="94"] .progress-left .progress-bar {
  animation: loading-44 0s linear forwards 0s;
}

.progress[data-percentage="95"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="95"] .progress-left .progress-bar {
  animation: loading-45 0s linear forwards 0s;
}

.progress[data-percentage="96"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="96"] .progress-left .progress-bar {
  animation: loading-46 0s linear forwards 0s;
}

.progress[data-percentage="97"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="97"] .progress-left .progress-bar {
  animation: loading-47 0s linear forwards 0s;
}

.progress[data-percentage="98"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="98"] .progress-left .progress-bar {
  animation: loading-48 0s linear forwards 0s;
}

.progress[data-percentage="99"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="99"] .progress-left .progress-bar {
  animation: loading-49 0s linear forwards 0s;
}

.progress[data-percentage="100"] .progress-right .progress-bar {
  animation: loading-50 0s linear forwards;
}

.progress[data-percentage="100"] .progress-left .progress-bar {
  animation: loading-50 0s linear forwards 0s;
}

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(3.6);
    transform: rotate(3.6deg);
  }
}

@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(7.2);
    transform: rotate(7.2deg);
  }
}

@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(10.8);
    transform: rotate(10.8deg);
  }
}

@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(14.4);
    transform: rotate(14.4deg);
  }
}

@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(18);
    transform: rotate(18deg);
  }
}

@keyframes loading-6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(21.6);
    transform: rotate(21.6deg);
  }
}

@keyframes loading-7 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(25.2);
    transform: rotate(25.2deg);
  }
}

@keyframes loading-8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(28.8);
    transform: rotate(28.8deg);
  }
}

@keyframes loading-9 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(32.4);
    transform: rotate(32.4deg);
  }
}

@keyframes loading-10 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(36);
    transform: rotate(36deg);
  }
}

@keyframes loading-11 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(39.6);
    transform: rotate(39.6deg);
  }
}

@keyframes loading-12 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(43.2);
    transform: rotate(43.2deg);
  }
}

@keyframes loading-13 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(46.8);
    transform: rotate(46.8deg);
  }
}

@keyframes loading-14 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(50.4);
    transform: rotate(50.4deg);
  }
}

@keyframes loading-15 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(54);
    transform: rotate(54deg);
  }
}

@keyframes loading-16 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(57.6);
    transform: rotate(57.6deg);
  }
}

@keyframes loading-17 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(61.2);
    transform: rotate(61.2deg);
  }
}

@keyframes loading-18 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(64.8);
    transform: rotate(64.8deg);
  }
}

@keyframes loading-19 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(68.4);
    transform: rotate(68.4deg);
  }
}

@keyframes loading-20 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(72);
    transform: rotate(72deg);
  }
}

@keyframes loading-21 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(75.6);
    transform: rotate(75.6deg);
  }
}

@keyframes loading-22 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(79.2);
    transform: rotate(79.2deg);
  }
}

@keyframes loading-23 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(82.8);
    transform: rotate(82.8deg);
  }
}

@keyframes loading-24 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(86.4);
    transform: rotate(86.4deg);
  }
}

@keyframes loading-25 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90);
    transform: rotate(90deg);
  }
}

@keyframes loading-26 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(93.6);
    transform: rotate(93.6deg);
  }
}

@keyframes loading-27 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(97.2);
    transform: rotate(97.2deg);
  }
}

@keyframes loading-28 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(100.8);
    transform: rotate(100.8deg);
  }
}

@keyframes loading-29 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(104.4);
    transform: rotate(104.4deg);
  }
}

@keyframes loading-30 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(108);
    transform: rotate(108deg);
  }
}

@keyframes loading-31 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(111.6);
    transform: rotate(111.6deg);
  }
}

@keyframes loading-32 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(115.2);
    transform: rotate(115.2deg);
  }
}

@keyframes loading-33 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(118.8);
    transform: rotate(118.8deg);
  }
}

@keyframes loading-34 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(122.4);
    transform: rotate(122.4deg);
  }
}

@keyframes loading-35 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(126);
    transform: rotate(126deg);
  }
}

@keyframes loading-36 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(129.6);
    transform: rotate(129.6deg);
  }
}

@keyframes loading-37 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(133.2);
    transform: rotate(133.2deg);
  }
}

@keyframes loading-38 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(136.8);
    transform: rotate(136.8deg);
  }
}

@keyframes loading-39 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(140.4);
    transform: rotate(140.4deg);
  }
}

@keyframes loading-40 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144);
    transform: rotate(144deg);
  }
}

@keyframes loading-41 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(147.6);
    transform: rotate(147.6deg);
  }
}

@keyframes loading-42 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(151.2);
    transform: rotate(151.2deg);
  }
}

@keyframes loading-43 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(154.8);
    transform: rotate(154.8deg);
  }
}

@keyframes loading-44 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(158.4);
    transform: rotate(158.4deg);
  }
}

@keyframes loading-45 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(162);
    transform: rotate(162deg);
  }
}

@keyframes loading-46 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(165.6);
    transform: rotate(165.6deg);
  }
}

@keyframes loading-47 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(169.2);
    transform: rotate(169.2deg);
  }
}

@keyframes loading-48 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(172.8);
    transform: rotate(172.8deg);
  }
}

@keyframes loading-49 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(176.4);
    transform: rotate(176.4deg);
  }
}

@keyframes loading-50 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180);
    transform: rotate(180deg);
  }
}

/* Erro allignment */
.dropdown-caret.alingnmentWithError .form-field__error-message {
  position: absolute;
  margin-top: 2px;
}

.ttg-container .ttg-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ttg-container .hiw-title {
  color: #16a6df;
}

.ttg-container .hiw-list {
  list-style-type: none;
}

.ttg-container .hiw-list li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  align-items: start;
}

.ttg-container .hiw-list .hiw-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #16A6DF;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  font-weight: bold;
}

.ttg-container .hiw-list .hiw-instructions {
  display: grid;
  width: 90%;
}

.ttg-container .hiw-list .hiw-step-title {
  color: #01648C;
  font-size: 16px;
  font-weight: 600;
}

.ttg-container form {
  width: 200%;
}

.ttg-container .empty-keyword-content {
  color: #C8C8C8;
  font-size: 14px;
}

.keyword-preview-container p {
  font-size: 14px;
}

.keyword-preview-container .preview-title {
  color: #01648C;
}

.keyword-preview-container .phone-container {
  border-radius: 40px;
  border: 15px solid #000000 !important;
  width: 22rem;
  height: 600px;
  position: relative;
}

.keyword-preview-container .phone-container .phone-top {
  height: 1.5rem;
  right: 0;
  left: 0;
  position: absolute;
}

.keyword-preview-container .phone-container .phone-top .time {
  color: #000;
  font-size: 0.75rem;
}

.keyword-preview-container .phone-container .phone-top .island {
  border-radius: 0px 0px 10px 10px;
  opacity: 1;
  background-color: #000000;
  height: 1.5rem;
  width: 50% !important;
}

.keyword-preview-container .phone-container .phone-top .signal-icons {
  display: flex;
  font-size: 14px;
}

.keyword-preview-container .phone-container .user-info {
  flex-direction: column;
  border-bottom: 2px solid #E0DFDF;
  padding-bottom: 0.5rem;
}

.keyword-preview-container .phone-container .user-info .user-icon {
  font-size: 2rem;
  color: white;
  background-color: #ACACAC;
  border-radius: 50%;
}

.keyword-preview-container .phone-container .message-time {
  font-size: 0.75rem;
  line-height: 1rem;
}

.keyword-preview-container .phone-container .keyword-message {
  background-color: #4997F6;
  color: white;
  border-radius: 0.5rem;
  max-width: 14rem;
  font-size: 14px;
}

.keyword-preview-container .phone-container .keyword-response {
  border-radius: 0.5rem;
  background-color: #ECECEC;
  max-width: 14rem;
  font-size: 14px;
}

.keyword-preview-container .phone-container .word-wrap {
  word-wrap: break-word;
}

.block-web {
  margin: 0 5px;
  padding: 20px;
  position: relative;
  background-color: #ffffff;
  margin-bottom: 20px;
  border: 1px solid #DADADA;
  border-radius: 4px;
}

.block-web .header {
  margin-top: -14px;
  min-height: 43px;
  border-bottom: 1px solid #dadada;
  padding: 10px;
  transition: border 500ms ease 0s;
  background: none repeat scroll 0 0 transparent;
  margin: -21px -21px 10px;
  padding: 4px 18px;
}

.block-web-no-shadow {
  box-shadow: none;
  border-radius: 0;
}

.detail-form label {
  font-weight: bold;
}

.form-horizontal .control-label {
  text-align: left;
}

.product-available:focus {
  background-color: #1185b5 !important;
}

.ui-grid-header-cell-row .ui-grid-header-cell {
  text-transform: uppercase;
  font-weight: normal;
  color: #54698d;
  background: #fff;
}

.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-right: none;
}

.ui-grid .ui-grid-render-container-body .ui-grid-viewport {
  overflow-y: auto !important;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell, .ui-grid-row:nth-child(even) .ui-grid-cell {
  background: #fff;
}

.ui-grid-row {
  border-bottom: 1px solid #eee;
}

.ui-grid-contents-wrapper .ui-grid-header-canvas {
  background: #fff;
}

.ui-grid-contents-wrapper .ui-grid-menu-button {
  border: none !important;
  padding: 4px 4px;
}

.ui-grid-menu .ui-grid-menu-inner ul li {
  padding: 0 0 !important;
}

.ui-grid-menu .ui-grid-menu-inner ul li button {
  text-align: left;
}

.ui-grid-cell .ui-grid-tree-base-header {
  white-space: nowrap;
}

.ui-grid-cell {
  overflow: visible !important;
}

.ui-grid-viewport .ui-grid-cell-contents {
  word-wrap: break-word;
  white-space: normal !important;
}

.ui-grid-row, .ui-grid-cell {
  height: auto !important;
}

.ui-grid-row div[role=row] {
  display: flex;
  align-content: stretch;
}

/*
    .ui-grid-viewport {
    height: auto !important;
    }
    */
[ui-grid="newCustomReportGrid"].grouped {
  height: auto !important;
}

.no-animate div, .no-animate span, .no-animate input, .no-animate table, .no-animate tr, .no-animate td, .no-animate ul, .no-animate li, .no-animate ol, .ui-grid div, .ui-grid span, .ui-grid input, .ui-grid table, .ui-grid tr, .ui-grid td, .ui-grid ul, .ui-grid li, .ui-grid ol {
  -webkit-transition: initial;
  -moz-transition: initial;
  -o-transition: initial;
  transition: initial;
}

.ui-grid-pager-row-count-picker, .ui-grid-pager-count {
  float: left;
  margin: 20px 0;
}

.ui-grid-pager-row-count-picker select, .ui-grid-pager-count select {
  height: 26px !important;
  padding: 0 0 !important;
}

.truncate-text, .ui-grid .ui-grid-viewport .truncate-text div.ui-grid-cell-contents {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.truncate-text:hover, .ui-grid .ui-grid-viewport .truncate-text div.ui-grid-cell-contents:hover {
  overflow: visible !important;
  text-overflow: initial !important;
  white-space: initial !important;
}

.ui-grid {
  border: none !important;
  overflow: hidden;
}

.ui-grid .ui-grid-header {
  border-bottom: 2px solid #eee;
  background: #fff;
}

.ui-grid .ui-grid-header-cell, .ui-grid .ui-grid-cell {
  border: none !important;
}

.ui-grid .ui-grid-viewport .ui-grid-cell-contents {
  white-space: normal;
}

.ui-grid .ui-grid-viewport {
  overflow: auto !important;
  min-height: 200px;
}

.ui-grid-pager-panel {
  background: #FFFFFF;
}

[ng-click].ui-grid-cell:hover {
  text-decoration: underline;
}

.contributions-panel .ui-grid-header-cell:first-child .ui-grid-cell-contents,
.contributions-panel [ui-grid-cell]:first-child > div {
  padding-left: 0;
}

.contributions-panel .ui-grid-header-cell:last-child .ui-grid-cell-contents,
.contributions-panel [ui-grid-cell]:last-child > div {
  padding-right: 0;
}

.contributions-panel .ui-grid-top-panel {
  background: #FFFFFF;
}

.contributions-panel .ui-grid-pager-control {
  margin-left: 0;
}

/*
    loading icons for smartlist listing
    */
.ui-grid-cell.initial span,
.ui-grid-cell.initial .fa, .ui-grid-cell.loading span,
.ui-grid-cell.loading .fa, .ui-grid-cell.warning span,
.ui-grid-cell.warning .fa {
  display: none;
}

.ui-grid-cell.initial .fa, .ui-grid-cell.loading .fa, .ui-grid-cell.warning .fa {
  font-size: 16px;
  left: 2px;
  top: 3px;
  position: relative;
  margin: 0;
  padding: 0;
  left: 0;
  transform: none;
}

.ui-grid-cell.loaded .fa {
  display: none;
}

.ui-grid-cell.initial .fa-cog {
  display: inline-block;
  color: #ababab;
}

.ui-grid-cell.initial .fa-spin {
  display: none;
}

.ui-grid-cell.loading .fa-cog.fa-spin {
  display: inline-block;
  color: #333;
}

.ui-grid-cell.warning .fa-exclamation-triangle {
  display: inline-block;
  color: #EDD964;
}

.split-pledge .ui-grid {
  overflow: hidden;
}

[ui-grid-selection] .ui-grid-row,
[ui-grid-selection] .ui-grid-cell-contents {
  cursor: pointer;
}

[ui-grid-selection] .ui-grid-row:not(.ui-grid-row-selected):hover,
[ui-grid-selection] .ui-grid-row:not(.ui-grid-row-selected):hover .ui-grid-cell-contents {
  background: #F4F4F4;
}

.ui-grid .unselectable {
  color: #ABABAB;
  text-decoration: none !important;
  pointer-events: none;
  cursor: default;
}

.ui-grid-cell-contents .fa {
  color: #6E778C;
}

.ui-grid-cell-contents .fa.yes {
  color: #fff;
  text-shadow: 0 0 2px #000;
}

.has-error .multiselect {
  border-color: #a94442;
}

.has-error .input-group-btn button {
  border-color: #a94442;
}

@media (max-width: 767px) {
  .custom-widget img {
    width: 100%;
  }
}

@media (max-width: 1199px) and (min-width: 768px) {
  .half-widget img {
    width: 100% !important;
  }
}

.widget-controls .dropdown-menu a {
  cursor: pointer;
}

.widget-controls .btn {
  color: #ffffff;
}

.widget-controls span.control {
  color: #ffffff;
  display: inline-block;
  outline: none;
  width: 30px;
  height: 38px;
  text-align: center;
  cursor: pointer;
}

.widget-controls span.control:hover {
  background: #1484b1;
}

.widget-controls span.control i {
  padding-top: 6px;
  vertical-align: middle;
}

.custom-widget img {
  max-height: 180px;
  width: auto;
}